Cari Blog Ini

Sponsor Iklan

PASANG IKALAN ANDA DI SINI
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 3

Membuat Slide Menu di Blog

Langsung aja ya ke cara membuatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :



<script language="JavaScript1.2" src="http://seby.fileave.com/slide-menu.js"></script>
<script>
resizereinit=true;

menu[3] = {
id:'menu3',
bartext:'Side Menu Navigasi',
menupos:'right',
kviewtype:'fixed',
barbgcolor:"#a4a4a4",
barcolor:"#a4e11e",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'100%',
linkheight:30 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://Alamat Link Anda", "_self"],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["Nama Link Yang Akan di Tampilkan", "http://Alamat Link Anda", ""],
["KomisiSuper", "http://komisisuper.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};

make_menus();
</script>


Keterangan :

+ Ganti Direct Link http://seby.fileave.com/slide-menu.js dengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
+ Ganti tulisan yang warna orange dengan judul untuk Side menu Navigasi sesuai yang anda inginkan.
+ Kode yang saya tulis dengan warna hitam adalah kode warna yang bisa anda ganti dengan kode warna yg anda inginkan.
+ Ganti link dan judul link yang saya tulis dengan warna merah dan hijau dengan link Anda sendiri.
+ Ganti Tulisan right yang saya tulis dengan warna Coklat dengan left jika anda ingin Side Menu ini muncul disebelah kiri body blog.

4. Klik Simpan dan selesai.

Tidak ada komentar:

Posting Komentar

IKLAN