MEMBUAT MENU MELAYANG

waktu itu kan saya cari-cari asesoris untuk blogger ya taunya saya dapat asesorisnya yang cukup menarik sih dari BLOG nya epg-studio.blogspot.com atau blognya kang ades. Mungkin teman-teman pingin kan melihat blognya lebih cantik lagi apa lagi dengan tambahan asesoris yang menarik salah satunya menu yang melayang selalu ngikutin arah mose kita , Menu melayang ini dapat kita tampilkan di bagian kiri maupun di bagian kanan blog, tinggal tema-teman sendiri memilih mana yang lebih cocok untuk blog teman-teman.
Sekarang kita langsung aja dengan cara nya yach

Ikuti langkah-langkahnya....

1. Masuk ke Blogger dengan ID Teman-teman.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu,
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://yobipunya.blogspot.com", "_self"],
["Profil", " http://www.blogger.com/profile/00809559888223649308",""],
["Tutorial Blogger", " http://yobipunya.blogspot.com/search/label/Tutorial%20Blog", ""],

//pada akhir entry jangan dikasih koma
]};
make_menus();
</script>


Jika teman-teman mau menambah lebih banyak menunya tingal di tambah aja link URL seperti di atas...


6. Data-data diatas merupakan data yang ditampilkan dalam menu melayang YOBIPUNYA.blogspot.com
7. Gantilah yang bercetak biru dengan data-data yang ingin anda tampilkan.
8. Setelah selesai Klik Simpan Template.
9. coba Lihat Blog teman-teman sekarang ada perubahan ngk.
10. Selamat mencoba, semoga berhasil...!!!

ARTIKEL TERKAIT: