Cara Membuat Menu di Samping Kanan Kiri Blog dan Melayang (membuat vertikal navigasi di kiri/kanan)

5:04 AM
Cara membuat Menu di kanan dan kiri samping blog serta menunya bisa melayang sangat banyak berguna untuk memperkecil isi halaman bagi bloger yang muatan blognya banyak. Caranya sangat mudah, tinggal coppy dan paste kode di bawah ini (cuma isinya perlu kesabaran untuk merubahnya sesuai dengan blog kita).
coppy dulu kode dibawah ini di notepad.
Seperti biasa =
BUKA TATA LETAK> EDIT HTML> Copy paste script di bawah ini, kemudian taruh diatas
---------------------------------------------------------------
mulai dari bawah ini yang di coppy :




#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}


#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active {color:black;text-decoration:none;}
#menu3 a:visited {color:black;text-decoration:none;}




resizereinit=true;

menu[1] = {
id:'menu1',
bartext:' M E N U ',
barbgcolor:"#80FF00",
barcolor:"#000000",
barfontweight:"bold",
barfontsize:'80%',
bordercolor:'#000000',
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Blog Archives", "http://kluwan.blogspot.com/search/label/daftar%20isi%20blog", "_self"],
["Artikel", "http://kluwan.blogspot.com/search/label/artikel",""],
["Berita", "http://kluwan.blogspot.com/search/label/berita", ""],
["Berita Selebriti", "http://kluwan.blogspot.com/search/label/berita%20selebriti", ""],
["Berita Unik", "http://kluwan.blogspot.com/search/label/berita%20unik", ""],
["Biografy President", "http://kluwan.blogspot.com/search/label/biografi%20presiden", ""],
["Tips And Trics Computer", "http://kluwan.blogspot.com/search/label/computer", ""],
["Free Download", "http://kluwan.blogspot.com/search/label/free%20donwload", ""],
["Tutorial Blog", "http://kluwan.blogspot.com/search/label/tutorial%20blog", ""],
["Tips And Trics Blog", "http://kluwan.blogspot.com/search/label/tutorial%20tip%20dan%20trik", ""],
["Bisnis Uang Blog", "http://kluwan.blogspot.com/search/label/bisnis%20uang", ""],
["Book Guest", "http://kluwan.blogspot.com/2009/01/buku-tamu.html", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry

]};

menu[3] = {
id:'menu3',
bartext:'MENU BLOG LOVER',
menupos:'right',
kviewtype:'fixed',
barbgcolor:"#ffff66",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://kluwan.blogspot.com", ""],
["Tentang Saya", "http://www.blogger.com/profile/01703059023784746101",""],
["Buku Tamu", "http://kluwan.blogspot.com/2009/01/buku-tamu.html", ""],
["Daftar Isi Blog", "http://kluwan.blogspot.com/search/label/daftar%20isi%20blog", ""],
["Free Download", "http://kluwan.blogspot.com/search/label/free%20donwload", ""],
["Berita Selebriti", "http://kluwan.blogspot.com/search/label/berita%20selebriti", ""],
["Berita Unik", "http://kluwan.blogspot.com/search/label/berita%20unik",""],
["Tutorial Blog", "http://kluwan.blogspot.com/search/label/tutorial%20blog", ""],
["Tips And Trics Blog", "http://kluwan.blogspot.com/search/label/tutorial%20tip%20dan%20trik", ""],
["Terbanyak di Baca", "http://kluwan.blogspot.com/2009/08/guest-book-shoutbox-melayang-di-pojok.html", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry

]};

make_menus();





Keterangan :
Contoh diatas adalah contoh MENU pada Blog ini, silahkan anda bisa merubah sendiri mengenai isinya.
Untuk kode back to top jangan di rubah...
Selamat mencoba...
kalau ada pertanyaan silahkan tinggalkan di kotak komentar ato di shoutmix

tutorial ini saya ambil dari kluwan lover

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments