Tutorial Belajar Blog | Tips Blog - Cara Membuat Menu Blog Keren

selamat datang di blogku......
 , Pada Sebelumnya Tutorial Belajar Blog Berbagi Tutorial Cara Membuat Tulisan Addres Bar Lebih Menarik, Mungkin Anda Berfikir Menu Blog Keren Seperti apa ? bentuknya seperti pada blog demo saya di sebelah kanan yang
berwarna Hijau kalau mousenya di dekatkan maka menu blognya akan keluar,



Berikut ini langkah-langkahnya :

1. Masuk ke akun Blogger Anda.

2. Klik Tata Letak.

3. Klik Tambah Gadget.

4. Pilih HTML/JavaScript.

     Lalu copy kan script dibwah ini pada HTML/javascript

<script language="JavaScript1.2" src="http://oktri.googlecode.com/files/slide%20menu%20keren.js"></script>

<script>

resizereinit=true;

menu[3] = {

id:'menu3',

bartext:'MENU BLOG',

menupos:'left',

kviewtype:'fixed',

barbgcolor:"#00ff00",

barcolor:"#000000",

barfontweight:"bold",

bordercolor:'#000000',

hdingbgcolor:"#ffffff",

fontsize:'80%',

linkheight:20 ,

hdingwidth:210 ,

menuItems:[

["Home", "tutorialbelajarblogger.blogspot.com", "_self"],

["My Facebook", "http://www.facebook.com/oktri.darmadi",""],

["Berita", "http://www.okezone.com/", ""],

["Kaskus", "http://www.kaskus.us", ""],

["My Profile", "http://www.blogger.com/profile/02713061222000849084", ""],

["Panduan Blog", "http://tutorialbelajarblogger.blogspot.com", ""],

["Tips And Trics Blog", "tutorialbelajarblogger.blogspot.com", ""],

["Belajar Blog", "tutorialbelajarblogger.blogspot.com", ""],

["Tips Blog", "tutorialbelajarblogger.blogspot.com", ""],

["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry

]};

make_menus();

</script>

Keterangan :

  • Ganti Direct Link "http://oktri.googlecode.com/files/slide%20menu%20keren.jsdengan
    Direct Link File JS anda sendiri, sebab script tersebut bisa over load
    jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
  • Ganti link dan judul link yang saya tulis dengan warna merah dan Biru dengan link Anda sendiri.
  • Ganti Tulisan left yang saya tulis dengan warna Coklat dengan rightjika anda ingin Side Menu ini muncul disebelah kanan body blog.
9. Selanjutnya jangan lupa untuk mengklik tombol Simpan.

10. Selesai...