TERIMA KASIH BUAT TIM DEWAN JURI "BLOG GURU INTERAKTIF" YANG SUDAH MEMBERIKAN PENGHARGAAN TERHADAP BLOG KAMI

Sabtu, 02 Juni 2012

Menciptakan Tab Menu atau Navigasi di Blogger

Navigasi atau Baris menu (Menu Bar) adalah sebuah baris yang menyusun beberapa tab. Masing-masing dari Tab bisa me-link ke halaman Posting, halaman static, halaman Label, ke alamat web site yang lain, dsb. Membuat tab navigasi sebenarnya tidak terlalu sulit. Pada tutorial berikut, kita akan menginstall Baris Tab di bawah header.

Langkah 1 : Penambahan ke dalam "Add Gadget"
Menambahkan sebuah Add Gadget di HTML Template kamu
1. Go to Dashboard > Design > Edit HTML
2. Backup dulu HTML template kamu
3. Cari baris berikut atau baris yang ada kemiripan di kode HTML kamu :
    <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>
4. Kemudian kamu paste / taruh Kode HTML berikut tepat dibawahnya
    <!--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 -->