Cara buat Navigation Tabs atau Menu Tab

 1. Cari kod html dibawah atau yang seiras dengannya.


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=Your Blog Title(Header)' type='Header'/>
</b:section>
</div>


2. Copy kod dibawah ini dan paste dibawah </div> dan save template


<!--Navigation page element starts -->
<div id='navibar-wrapper'>
<b:section class='navibar_section' id='navibar_section' showaddelement='yes'/>
</div>
<div style='clear: both;'/>
<!--Navigation page element ends -->


3. Buka page element dan klik "Add a Gadget" di header kemudian copy kod dibawah and paste pada HTML/JAVASCRIPT


<!-- Navigation tabs start -->
<div id='navibar'>
<a href="YourLink1" class="navitabs" title="TooltipText1">ButtonText1</a>
<a href="YourLink2" class="navitabs" title="TooltipText2">ButtonText2</a>
<a href="YourLink3" class="navitabs" title="TooltipText3">ButtonText3</a>
<a href="YourLink4" class="navitabs" title="TooltipText4">ButtonText4</a>
<a href="YourLink5" class="navitabs" title="TooltipText5">ButtonText5</a>
<div>
<!-- Navigation tabs end -->

Note :
Masukkan = YourLink ( http://example.blogspot.com/search/label/Labelanda
Masukkan = Title ( Apa saje yang anda suka )
Masukkan = TooltipText ( Apasaje yang anda suka )
Masukkan = ButtonText ( Tajuk bagi TAB anda )

Note : Labelanda ( hendaklah sama dengan label posting anda ye, jangan silap taip label walaupun 1 huruf samada huruf besar atau kecil ( spt mana yang anda buat di posting anda )

Cuba Preview......Kalau ada masalah sila rujuk http://www.bloggersentral.com/2009/07/creating-navigation-tab-in-blogger.html atau post your comment to me//////

Tiada ulasan:

Catat Ulasan