Tab Menu

korang tau tak tab menu tu macam mane? tak tau? okey, kalo tak tau, macam ni la, macam pages..,


macam tu la.., okey, mula-mula korang pegi dekat desingn, tekan DASHBOARD -> DESIGN -> ADD A GADGET -> HTML JAVA SCRIPT  .., mcm tula.., then copy kod kt bawah ni.

<style type="text/css">/*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */.sidebarmenu ul{width:200;text align:center;list-style-type: none;font: normal 13px Century gothic;}.sidebarmenu ul li{position: relative;}/* Top level menu links style */.sidebarmenu ul li a{display: block;overflow: auto; /*force hasLayout in IE7 */color: white;text-align:center;text-decoration: none;padding: 0px;}.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{background-color: COLOR TAB MENU; /*background of tabs (default state)*/}.sidebarmenu ul li a:visited{color: white;}.sidebarmenu ul li a:hover{background-color: #ffffff;}/* Holly Hack for IE \*/* html .sidebarmenu ul li { float: left; height: 1%; }* html .sidebarmenu ul li a { height: 1%; }/* End */</style><script type="text/javascript">//Nested Side Bar Menu (Mar 20th, 09)//By Dynamic Drive: http://www.dynamicdrive.com/style/var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commasfunction initsidebarmenu(){for (var i=0; i<menuids.length; i++){  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")    for (var t=0; t<ultags.length; t++){    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item  else //else if this is a sub level submenu (ul)    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it    ultags[t].parentNode.onmouseover=function(){    this.getElementsByTagName("ul")[0].style.display="block"    }    ultags[t].parentNode.onmouseout=function(){    this.getElementsByTagName("ul")[0].style.display="none"    }    }  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars  ultags[t].style.visibility="visible"  ultags[t].style.display="none"  }  }}if (window.addEventListener)window.addEventListener("load", initsidebarmenu, false)else if (window.attachEvent)window.attachEvent("onload", initsidebarmenu)</script><div class="sidebarmenu"><ul id="sidebarmenu1"><li><a href="Link">Nama page</a></li><li><a href="Link">Nama Page</a></li><li><a href="Link">Nama Page</a></li><li><a href="Link ">Nama Page</a></li></ul></div>

ade lagi..! korang kene :
wane biru tu korg kene letak color background dye, kalo tak tau nak carik kt mane, carik kat  sini
wane purple tu korg kene letak link page korg macam ni contoh URL : www.eimyandnurly.blogspot.com and page korg yang laen.
wane hijau tu plak korang letak name page korg contohnye: tutorial

dah siap..!