31 Juli 2009

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.......

12 komentar:

  1. petunjuk yang..
    "cari kode ini" itu maksudnya yg mana ya

    BalasHapus
  2. Chico blognya choy...! keren..!

    BalasHapus
  3. terima kasih, infor yang bermanfaat

    BalasHapus
  4. g bisa di pake di blog gw ne bro..
    knpa ya..

    BalasHapus
  5. gimana ini...aku coba malah gk jadi.......padahal aku butuh bangt

    BalasHapus
  6. mantab dan bagus banget nich blognya, kunjungan balik ya bro di download ebook gratis =p

    BalasHapus
  7. mngkin ada code yang kurang di atas sob......

    BalasHapus
  8. coy pengen buat iklan melayang ngk ni di bawah ini alamatnya.... iklan melayang yang saya bikin unik tampilannya....pokoknya kren bray....

    http://www.wisatainformasi.co.cc/2010/11/membuat-iklan-melayang-1-klik-close.html

    salam kenal jangn lupa mampir di blog bang udin....
    http://www.wisatainformasi.co.cc/2010/12/cara-membuat-scrool-otomatis-ke-atas.html

    BalasHapus
  9. Matur suwun kang ..... ;D

    http://komputersfix.blogspot.com/

    BalasHapus

 

Design By:
SkinCorner