Bam

Bam

Bam

Bam

Posted by Bamz_aDie On 10.23


































Posted by Bamz_aDie On 21.16

Cara Membuat Navigasi Bar di Blog



Navigation Menu atau Menu Navigasi ini adalah sebuah tab yang berisikan link atau bahasa kerennya Shortcut ini berfungsi sebagai penunjuk arah tentang halaman-halaman mandiri yang ada di blog sobat untuk dipromosikan. Sebaiknya isi dari halaman yang ditunjukan di navigasi bar harus sesuai dengan judul tab navigasi barnya. Biasanya navigasi bar ini berada di header blog atau dimana saja. Screenshotnya bisa dilihat dibawah :

Pengen? Liat cara di bawah :

1. Login ke blogger
2. Masuk ke Tata Letak >> Edit HTML
3.
 ]]>
 gunakan ctrl + F agar lebih mudah lalu paste-kan kode berwarna merah di bawah ini tepat di atas kode ]]>
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
4. Save. Setelah Itu
5. Masuk ke Elemen Laman >> Tambah Gadget >> HTML Javascript
6. Paste-kan kode script di bawah


Home

About
Tutorial
Widget
Mobile
Facebook
Twitter
Advertise





7. Sekarang anda tinggal men-copy url halaman yang ingin ditampilkan pada tulisan yang berwarna biru di atas. Sobat bisa menambah atau mengurangi tab yang ingin ditampilkan di navbar dengan cara menghapus satu baris atau menambah satu baris yang ada di antara kode 
dan  
Tulisan yang berwarna hijau boleh diganti sesuai keinginan sobat.

Jika semua sudah OK, Tinggal Di Save
Selamat mencoba.
Semoga berhasil....!