Format Dasar Menu / Tab Pada Blog

Dear Friends!

Mungkin teman-teman semuanya bingung gimana sih cara buat menu pada blog seperti blog saya yang keren ini (hehehehe...) Menu tersebut sangat penting untuk sebuah blog, karena dengan menu tersebut memudahkan tamu (user) blog untuk mencari informasi yang ada pada blog kita (jadinya user ga nyasar deh di blog kita :)).

Bagi yang udah makin penasaran, berikut saya lampirkan format pembuatan menu blog yang sangat dasar sekali untuk dipahami, Chek It Out Guys!

<div class='clearfix' id='primary-nav'> // script disamping sebagai header dari code ini
<ul class='sf-menu' id='menu-menu-1'> // inisialisasi menu (ul pertama dibuka)

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li> //nah ini HOME yang merupakan domain asal blog kita, misalnya http://rizukinote.blogspot.com
       
<li><a href='#'>Tutorial</a>
       <ul>
                 <li><a href='#'>Java</a></li>
                 <li><a href='#'>C/C++</a></li>
                 <li><a href='#'>Flash</a></li>
                 <li><a href='#'>Corel</a></li>
                 <li><a href='#'>Photoshop</a></li>
                 <li><a href='#'>Others</a></li>
     </ul>
</li>
<li><a href='http://rizukinote.blogspot.com/search/label/About'>About Me</a></li>

</ul> // ul yang dibuka tadi ditutup kembali
</div> //div yang dibuka tadi ditutup kembali.


Teman-teman bisa liat ndiri tuh, contoh yang saya berikan hanya Home, dan Tutorial yang merupakan bagian dari menu blog saya. Teman-teman yang mempunyai blog dengan template default dan  memiliki tab bawaannya pasti akan menemukan kode-kode seperti diatas dalam pencarian Edit HTML nya.

Nah selanjutnya tinggal teman-teman edit sendiri deh nama dan URLnya.

Sekarang coba liat kode diatas yang berisi '#' . Simbol disamping diisi dengan Url blog anda yang ingin anda sesuaikan tujuannya. Tujuan yang saya maksud adalah url Label Postingan anda. Anda cukup mengkopi url label postingan anda pada simbol # tersebut.

Nah gimana? ^_^ Gampang kan? Silahkan Dicoba...