Google Translator

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

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.

Nah gampang kan!! Anda tak perlu direpotkan oleh edit HTML template !! Selamat mencoba ...

6 komentar:

bahril mengatakan...

makasih infonya......

Steven Tyler's mengatakan...

makasih

Mert@net mengatakan...

mau nanya nih....gmana cranya tambah menu HOME, GALERY, dan sejenisnya ??? biar bisa tambahin menu ???

heru mengatakan...

qo g jalan ya ??

ndank.tech mengatakan...

duh boz, direck link nya di ganti pake apa ne lum ngerti...

photography mengatakan...

thanks.....caranya mudah bos

Posting Komentar

Mau komentar??? Silahkan, asal jangan komentar SPAM.

Maaf!!! Komentar yang bernada SPAM akan saya hapusssss.

nO sPam, nO pOrn, Please!!!

 

.+'''''''''''''''''''''''''''''''''''''+.