Kwick Menu Navigasi Blogger dengan jQuery, kiranya itulah yang akan saya bahas kali ini. Setelah kemarin saya bahas juga untuk cara membuat Jquery Tab View Scroll Show Hide Widget, kita lanjut lagi, dan masih seputar JQuery. Ini juga merupakan reques dari beberapa sobat blogger, yang meminta untuk membuatkan tutorialnya. Ok, bila masih penasaran sobat bisa melihatnya pada menu navigasi diblog saya ini, ataupun bisa melihat pada gambar/sreenshot dibawah ini.
yang pasti membuat tampilan blog makin keren sob, karena dengan jQuery Sliding Navigation Menu. untuk melihat demonya, sobat bisa mengunjungi blog teman saya di http://kode-blogger.blogspot.com
Berikut langkah-langkah membuatnya:
1. Login ke akun blogger sobat
2. Masuk ke Rancangan/Design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]>
Script:
Script:
Script:
Nah untuk file.js bila sudah ada yang menggunakan jquery-1.3.2.min.js, untuk file.js ini tidak perlu dipasang lagi.
8. Masih lanjut sob, masuk ke Tata Letak/Rancangan, klik Add New Widget/Tambah Widget, lalu pilih HTML/Javascript. Untuk cara berikutnya, rada gampang-gampang susah, bila ditemplate sobat sudah ada halaman untuk widget ditas halaman posting, sobat tinggal menambahkan kode berikut:
Script:
source : http://kode-blogger.blogspot.com/2011/06/cara-membuat-kwick-menu-navigasi-di.html
0 komentar:
Posting Komentar