Membuat Menu Melayang dibagian kiri Blog


hmmm..... sekarang kita bahas mengenai menu melayang, menu ini memudahkan pengunjung blog kita untuk melihat daftar menu, karna meskipun pengunjung blog kita melihat entri paling bawah tapi menunya tetep saja mengikuti.
Menampilkan menu melayang juga merupakan usaha para blogger untuk menghemat ruang blog, terutama yang isi dari blog sudah sangat banyak, baik label maupun post.

ini nih langkah2nya
1. Masuk ke Blogger dengan ID anda.
2.Pilih Tata Letak kemudian klik Edit HTML.
3.Back up template dulu, kalau takut gagal.
4.Cari kode </head> pada template anda.
5.Copy Seluruh kode dibawah ini, kemudian paste tepat diatas kode tadi :

#


<style>

#menu1 a {color:white;background-color:#3D81EE;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:white;text-decoration:none;}
#menu1 a:hover {color:brown;background-color:#0066CC}
#menu1 a:visited {color:yellow;text-decoration:none;}
</style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;

menu[1] = {
id:'menu1',
bartext:'MENU BLOG',
menupos:'left',
barbgcolor:"#003366",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#000000',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://ara-uchiha.blogspot.com", "_self"],
["one piece", "http://ara-uchiha.blogspot.com/2009/07/one-piece-wanpisu-adalah-sebuah-anime.html",""],
["naruto", "http://ara-uchiha.blogspot.com/2009/07/naruto.html", ""],
["fairy tail", "http://ara-uchiha.blogspot.com/2009/07/fairy-tail.html", ""],
["bleach", "http://ara-uchiha.blogspot.com/2009/07/bleach.html", ""],
["profil", "http://ara-uchiha.blogspot.com/2009/08/full-name-ara-uhiha-nick-name-ara-clan.html", ""],
["Bac To Top", "#", ""] //pada akhir entry jangan dikasih koma
]};
make_menus();
</script>

6. Ganti HTMLnya dengan HTML yang kamu punya....
7. Selesai

semoga berguna.......

Sumber : klik


EmoticonEmoticon