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.

15   komentar

semoga bermanfaat , terima kasih sudah berkunjung dan berkomentar
Reply Delete
trima kasih mas bermanfaat sekali...
Reply Delete
terima kasih sudah berkomentar....semoga bermanfaat untuk kita semua
Reply Delete
gan,caranya dapetin link js nya dimana aja??
Reply Delete
nice gan :) :( =( :waaa: ^_^ :D ^:D ;) :-bd :yaya: :'( T_T :p B) :Q \o/ \m/ &lt;3 *fck* x@ ~x( :bye: :cendol: *bang*
Reply Delete
thanks gan..
jangan lupa mampir ke blog saya gan
http://mangaknb.blogspot.com/
Reply Delete
semoga bermanfaat mas bro
Reply Delete
wahh boleh juga nichhh
thank's dach
Reply Delete
Bang !! Kalo DIRECT LINK itu apaan ?
Minta balasannya dengan cepat bang !! hehe
Reply Delete
hadehh... kckckck kayak lagi ON az pngn cpt2..
Reply Delete
saya memang sedang ON bang !! ^_^
Gimana bang ? direct link itu apa?
Reply Delete
Pelit nihh ga bagi2 cara dapetin link Js nya
Reply Delete
hadehh kan ada mbah google....bs mnta tlg ma mbah google.. pinter bgt tu mbah ku,hehehe
Reply Delete
thanks gan aartikel nye bermanfaaat buat ane yang maih nubi nie gan :)

kunjung balik gan
ke blog ane
nidista.blogspot.com
Reply Delete

Poskan Komentar

Cancel Reply