Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot

Horizontal Menu: Pure CSS 3D Button Effect for Blogger

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:


  • Link



  • 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.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS