Join nidid86's empire
Headlines News :
Home » » Membuat Slide Menu di Blog

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", ""],
    ["san-murep", "http://san-murep.blogspot.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 Biru 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.
Share this post :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Tips N Trik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger