Facebook Fan Page Tutorials With All Latest Codes: Beautiful Button Menu tab for facebook Page

Demo:





Copy this Code And put Into your Static FBML tab




<!-- FanPageTutorials.blogspot.com/ --><CENTER><br /> <!-- FanPageTutorials.blogspot.com/ Menu --><br /> <style type="text/css"> #menu01 { width:170px; background-color:#89a9b8; margin: 0px; padding-left:8px; padding-right:8px; padding-TOP:6px; padding-BOTTOM:6px; border:solid 1px black; font: normal 11px verdana, sans-serif;} #menu01 ul, #menu01 li { list-style-type: none; padding: 0px; margin: 0px; } #menu01 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block; border: solid 1px #000; background-color:#587c92; color:#FFF; text-decoration:none; margin-bottom: 2px; margin-top: 2px; padding-left: 5px; height: 24px; line-height: 24px; } #menu01 li a:hover {background-color:#B1C7D1; color:#34505C; border: solid 1px #000; } </style><br /> <br /> <div id="menu01"><ul><li><a href="http://fanpagetutorials.blogspot.com/" title="All FBML Codes" target="_blank"><b>All FBML Codes</b></a></li> <li><a href="http://fanpagetutorials.blogspot.com/" title="Color Codes" target="_blank"><b>Color Codes</b></a></li> <li><a href="http://fanpagetutorials.blogspot.com/" target="_blank"><b>Background Codes</b></a></li> <li><a href="http://fanpagetutorials.blogspot.com/" title="Cursor and animated pictures" target="_blank"><b>Cursor and animated</b></a></li> <li><a href="http://fanpagetutorials.blogspot.com/" target="_blank"><b>whatever</b></a></li> <li><a href="http://fanpagetutorials.blogspot.com/" target="_blank"><b>whatever 2</b></a></li> </CENTER> <!-- FanPageTutorials.blogspot.com/ -->

For Changing tab name Hold "Ctrl Key"and Press "F"
Search Tabs Name
"All FBMLodes"
"Color Codes
"Background codes"
"Cursor and Animated"
"whatever"
"Whatever 2"

These Names replase into your tabs Name's And Add You link by replacing
"http://fanpagetutorials.blogspot.com/"

Full Video Tutorial