Buat Menu Melayang Vertikal di Blog

Halo kawan kawan semua, apa kabar?? Semoga dalam kita semua dalam keadaan sehat. Kali ini saya lagi lagi akan memberikan tutorial blog, khususnya blogspot. Nah, tutorial saya kali ini adalah tentang bagaimana cara membuat tombol vertikal melayang di blog, artikel ini saya kutip dari kucoba.com jika annda penasaran silakan anda praktekkan cara dibawah ini:

1.  Masuk ke Blogger dengan ID sobat.
2.  Pilih Design (Rancangn) ---> Edit HTML.
3.  Back up template dulu, untuk antisipasi kalau gagal.
4.  Cari kode ini : </head> pada template anda.
5.  Copy Seluruh script dibawah ini, kemudian paste tepat bawah </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;#cc0000&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=120;
menuCols=3;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#cc0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#cc0000&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;#cc0000&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;MENU&quot;;
// ----- Mulai Edit Menu
ssmItems[0]=[&quot;OPTION :&quot;] //Header Menu
ssmItems[1]=[&quot; Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot; About Me&quot;, &quot;http://www.kucoba.com/2010/03/profil.html&quot;,&quot;&quot;]
ssmItems[3]=[&quot; Tutorial Blog&quot;, &quot;http://www.kucoba.com/2009/09/tutorial-mudah-blog.html&quot;,&quot;&quot;]
ssmItems[4]=[&quot; Tips Blog&quot;, &quot;http://www.kucoba.com/2010/07/kumpulan-tips-blogspot.html&quot;,&quot;&quot;]
ssmItems[5]=[&quot; Buku Tamu&quot;, &quot;http:/www.kucoba.com/2009/10/buku-tamu.html&quot;, &quot;_new&quot;]
ssmItems[6]=[&quot; Lowongan Kerja&quot;, &quot;http://www.kucoba.com/2010/11/kumpulan-lowongan-kerja-terbaru-di.html&quot;, &quot;&quot;]
ssmItems[7]=[&quot; Dinamika Cinta&quot;, &quot;http://www.kucoba.com/search/label/Dinamika Cinta&quot;, &quot;&quot;]
buildMenu();
//----- Selesai Edit Menu
</script>

Keterangan:

• Posting ini telah di perbaiki terakhir tanggal 17 April 2011 100% work
• Silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
• kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat. 
• MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
• Tulisan yang berwaran biru, silakan ubah dengan kode warna yang kalian suka
• Masih banyak lagi yang bisa sobat utak-atik.
• Terakhir simpan. semoga berhasil

Gimana, keren? Buat yang berhasil selamatya.. dan buat yang belum bisa jangan bersedih, silakan di ulangi lagi cara-caranya diatas. Demikianlah tutorial tentang cara membuat menu melayang di blog. Semoga bermanfaat, salam bloggers mania dari iputu dirga blog dan terima kasih.

sumber; kucoba.com

Artikel Lainnya:

KeyWords:

Tutorial blog, blogspot, bikin menu, menu melayang, cara bikin menu melayang, buat menu melayang di blog, menu sembunyi di blogspot, bikin menu sembunyi di blog, cara buat menu melayang keren, menu melayang keren di blogmu.