Membuat Menu Melayang Kiri dan Kanan

Kali ini , saya memposkan tampilan ada dua menu melayang dibagian kiri dan kanan. Coba anda lihat contoh tersebut di blog saya... saya menggunakan yang kiri.... coba anda lihat: http://www.gamerz-maniac.blogspot.com/
Saya sengaja mempostkan ini karena banyak dari para blogger ingin membuat blog mereka lebih indah, dengan blog yang pernah mereka lihat. Untuk keperluan itulah, post menu melayang dijadikan dua versi dan versi yang lain saya akan poskan sebentar lagii... sehingga anda mempunyai pilihan, mana yang ingin ditampilkan pada blog masing-masing.
Ingin menampilkan menu melayang dikiri dan kanan blog....??Ikuti langkah-langkahnya...!!!

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak kemudian Klik menu Edit HTML.
3. Back up dulu template anda, jika takut gagal.
4. Cari kode ini : </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;}


#menu3 a { /*Menu3 Links*/
color:black;
background-color:#3D81EE;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:white;background-color:#99C9FF;
}
#menu3 a:active {color:black;text-decoration:none;}
#menu3 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',
barbgcolor:"#003366",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#000000',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://epg-studio.blogspot.com", "_self"],
["Profil", "http://www.blogger.com/profile/14536802221205706514",""],
["Tutorial Blogger", "http://epg-studio.blogspot.com/search/label/TUTORIAL%20BLOGGER", ""],
["Asesoris Blog", "http://epg-studio.blogspot.com/search/label/ASESORIS%20BLOG", ""],
["Traffic Blog", "http://epg-studio.blogspot.com/search/label/TRAFFIC%20BLOG", ""],
["Free Template", "http://epg-studio.blogspot.com/search/label/FREE%20TEMPLATE", ""],
["Free Download", "http://epg-studio.blogspot.com/search/label/FREE%20DOWNLOAD", ""],
["Anti Virus", "http://epg-studio.blogspot.com/search/label/ANTIVIRUS", ""],
["Informasi", "http://epg-studio.blogspot.com/search/label/INFORMASI", ""],
["Tukeran Link", "http://epg-studio.blogspot.com/2009/04/berita-bocornya-un-sma-2009.html", ""],
["Selingan", "http://epg-studio.blogspot.com/search/label/SELINGAN", ""],
["Back To Top", "#", ""] //pada akhir entry jangan dikasih koma
]};

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

menuItems:[
["Home", "http://epg-studio.blogspot.com", "_self"],
["Profil", "http://www.blogger.com/profile/14536802221205706514",""],
["Tutorial Blogger", "http://epg-studio.blogspot.com/search/label/TUTORIAL%20BLOGGER", ""],
["Asesoris Blog", "http://epg-studio.blogspot.com/search/label/ASESORIS%20BLOG", ""],
["Traffic Blog", "http://epg-studio.blogspot.com/search/label/TRAFFIC%20BLOG", ""],
["Free Template", "http://epg-studio.blogspot.com/search/label/FREE%20TEMPLATE", ""],
["Free Download", "http://epg-studio.blogspot.com/search/label/FREE%20DOWNLOAD", ""],
["Anti Virus", "http://epg-studio.blogspot.com/search/label/ANTIVIRUS", ""],
["Informasi", "http://epg-studio.blogspot.com/search/label/INFORMASI", ""],
["Tukeran Link", "http://epg-studio.blogspot.com/2009/04/berita-bocornya-un-sma-2009.html", ""],
["Selingan", "http://epg-studio.blogspot.com/search/label/SELINGAN", ""],
["Bach To Top", "#", ""] //pada akhir entry jangan dikasih koma
]};

make_menus();
</script >



6. Data-data diatas merupakan data yang ditampilkan dalam menu melayang EPG Studio.
7. Gantilah yang bercetak merah dengan data-data yang ingin anda tampilkan.
8. Setelah selesai Klik Simpan Template.
9. Lihat Blog anda sekarang.
10. Selamat mencoba, semoga bermanfaat...!!!