Menu Melayang Bisa Di Kiri dan di Kanan

Menampilkan menu melayang merupakan usaha peblogger untuk menghemat ruang blog, terutama yang isi dari blog sudah sangat banyak, baik label maupun post.
Menu melayang ini dapat kita tampilkan di bagian kiri maupun di bagian kanan blog, tinggal anda memilih mana yang lebih cocok untuk blog anda.
Post kali ini dikhususkan bagi anda yang ingin menampilkan menu melayang di sebelah kiri blog, sementara untuk menampilkan menu melayang akan dibuat pada post yang berbeda.
Ikuti langkah-langkahnya....

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 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;}
</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://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", ""],
["Bac 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...!!!




Menu melayang diatas terletak di sebelah kiri, jika anda ingin mengubahnya jadi di sebelah kanan, ubahlah kata ini menupos:'left', menjadi begini menupos:'right'