Membuat Menu Melayang di Sebelah Kiri

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:&#39;menu1&#39;,
bartext:&#39;MENU BLOG&#39;,
menupos:&#39;left&#39;,
barbgcolor:&quot;#666666&quot;,
barcolor:&quot;WHITE&quot;,
barfontweight:&quot;bold&quot;,
barfontsize:&#39;100%&#39;,
bordercolor:&#39;#000000&#39;,
fontsize:&#39;100%&#39;,
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
[&quot;Home&quot;, &quot;http://wahyumatics.blogspot.com&quot;, &quot;_self&quot;],
[&quot;Islam&quot;, &quot;http://wahyumatics.blogspot.com/search/label/ISLAM&quot;,&quot;&quot;],
[&quot;Matematika&quot;, &quot;http://wahyumatics.blogspot.com/search/label/MATEMATIKA&quot;, &quot;&quot;],
[&quot;Komputer&quot;, &quot;http://wahyumatics.blogspot.com/search/label/KOMPUTER&quot;, &quot;&quot;],
[&quot;Campuran&quot;, &quot;http://wahyumatics.blogspot.com/search/label/CAMPURAN&quot;, &quot;&quot;],
[&quot;Blog&quot;, &quot;http://wahyumatics.blogspot.com/search/label/BLOG&quot;, &quot;&quot;],
[&quot;Bac To Top&quot;, &quot;#&quot;, &quot;&quot;] //pada akhir entry jangan dikasih koma
]};
make_menus();
</script>


6. Data-data diatas merupakan data yang ditampilkan dalam menu melayang MyBlog MyWorld.
7. Gantilah yang Menu[1] dan menuItem dengan data-data yang ingin anda tampilkan.
8. Setelah selesai Klik Simpan Template.
9. Lihat Blog anda sekarang.
10. Selamat mencoba!!!
Previous
Next Post »

1 komentar:

Write komentar
24 Januari 2010 09.00 delete

kynya code codenya harus di encode dulu tuh..
biar bisa di terima html.

Reply
avatar