Wednesday, June 5, 2013

Cara Membuat Menu Blog Keren

Menu Blog Keren
Tutorial Belajar Blog | Tips Blog - Cara Membuat Menu Blog Keren , 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...

Semoga Bermanfaat dan Jangan Lupa Untuk Berkomentar.

7 komentar

Makasih Gan, Sering - Sering Berkunjung Ya,,, !!!

alhamdulilah tutorial membuat menu blog ini sangat bermanfaat n sering banyak di cari di google...

Ok Gan, Makasih Sudah Berkunjung ,,

blum berhasil gw bos.

mohon bantuan nya

Yang Belum Paham Sebelah Mana Emang ??

[+] ➳ Peraturan Yang Harus Anda Patuhi Di Blog Ini ➳ [+]

➳ Dilarang Berkomentar Kasar
➳ Dilarang Berkomentar Berbau Porno/Sara
➳ Dilarang Saling Menghina
➳ Dilarang Spam
➳ Dilarang Memaki Admin
___________________________________________

➳ Boleh Masukan Link Aktif
➳ Boleh Bertanya
➳ Boleh Kasih Saran
➳ Boleh Minta Request
➳ Komentar Yang Melanggar Akan Saya Hapus

[+] ➳ ➳ ➳ Blog Ini Dofollow ➳➳➳ [+]
EmoticonEmoticon