Cara Membuat Slide-In Menu Pada Blog

Saya Sarankan Anda Baca Juga

Ini salah satu cara untuk mempercantik blog kita, yaitu dengan menambahkan 1 gadget yang berbentuk script dan memasangnya pada blog kita. Bentuknya simpel tapi menarik untuk dilihat. Untuk memasang slide-in menu ini cukup gampang, mau mencobanya ???



1. Login ke www.blogger.com
2. Pilih Tata Letak kemudian pilih Elemen Halaman.

3. Pilih Tambah Gadget kemudian pilih HTML/Javascript

4. Masukkan kode dibawah ini kedalam gadget html/javascript

5. Perhatikan tulisan yang berwarna merah. Anda bisa mengganti tulisan yang berwarna merah tersebut sesuai
    keinginan anda.

    Contoh : saya akan mengganti sesuai dengan keinginan saya (lihat gambar)

Maka yang saya ganti adalah :

menu[3] = {
id:'menu3', //use unique quoted id (quoted) REQUIRED!!
bartext:'RIGHT MENU',
menupos:'right',
kviewtype:'fixed',
menuItems:[ // REQUIRED!!
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Menu"], //create header
["Widget Translator", "http://http://translate.google.com/translate_tools", ""],
["Upload Video", "http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=57924",""],
["Excel 2003", "http://office.microsoft.com/en-us/training/cr061831141033.aspx", ""],
["Audio Hosting", "http://www.audiohosting.com", ""],
["Microsoft Service", "http://www.microsoft.com/microsoftservices/en/us/home.aspx", ""],
["SATA Driver", "http://download.cnet.com/SATA-Driver-Intel-Ver-7-0-0-1020-zip/3000-2122_4-162224.html", ""],

["External Links", "", ""], //create header
["Free Game", "http://gametop.com", "_new"],
["Free download", "http://www.freedownloadcenter.com", "_new"],
["Photo Gadget", "http://www.coolest-gadgets.com/category/photography", "_new"], //no comma after last entry
["End"]
]}; // REQUIRED!! do not edit or remove

////////////////////Stop Editing/////////////////

make_menus();

Selamat mencoba