Selasa, 21 Januari 2014

Menu blog yang keren

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.

Tidak ada komentar:

Posting Komentar