Menu/navigasi horizontal Blogger/Blogspot ini juga dibuat dengan HTML dan CSS murni tanpa sentuhan javascript maupun jquery., sama seperti menu/navigasi horizontal sebelumnya. Cara membuat dan memasangnya pun sangat sederhana dan tanpa mengedit template HTML, karena aturan CSS saya buat menyatu dengan HTML nya.
Cara membuat/memasang widget horizontal menu/mavigation 3d button Blogger/Blogspot:
1. Copy dan edit kode di bawah ini:
Kode:
- Ganti # dengan url yang ingin anda pasang di menu, misalnya url homepage, daftar isi, label, dan lain-lain.
- Ganti Link 1, Link 2, Link 3, dan seterusnya dengan nama menu/anchor text sesuai dengan yang anda inginkan, misalnya Home, Daftar Isi, Tips, dan seterusnya.
- Jika ingin menambah/menghapus daftar menu, tambahkan/hapus baris:
sebelum .
2. Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
3. Setelah pop up window muncul, pilih opsi HTML/Javascript
4. Kemudian masukkan Kode yang sudah diedit tersebut ke kolom configure HTML/Javascript.
7. Klik save.
8. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget).
9. Save lagi.
10. Done! menu/navigasi horizontal Blog Blogger anda siap digunakan.