Add me on Google+
Add me on Facebook
» » Membuat Menu Vertikal Melayang

Membuat Menu Vertikal Melayang

Posted by Unknown Labels: at 2/08/2012 04:20:00 PM
 Membuat Menu Vertikal Melayang. Di Pinggir. Sahabat informasi maya seperti yang kita tau berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya salah satunya dengan buku tamu melayang, kotak blogrol, sampai menu navigasi yang melayang. Nah pada kesempatan kali ini kang ane  akan membahas bagaimana cara membuat menu navigasi yang tersembunyi/melayang. ya tentunya ini untuk menghemat ruang blog kita. Lihat Demonya di Kiri blog ini

Bagi sobat yang ingin menampilkan menu terbang melayang ikuti tutorial  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;# 58ACFA&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;# 58ACFA &quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;Hot New&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://about.me/trimuda&quot;,&quot;&quot;]
ssmItems[3]=[&quot; Tutorial Blog&quot;, &quot; http://www.terang-bulan.co.cc/search/label/Trick-tutorial&quot;,&quot;&quot;]
ssmItems[4]=[&quot; Tips Blog&quot;, &quot; http://www.terang-bulan.co.cc/search/label/Trick-tutoriall&quot;,&quot;&quot;]
ssmItems[5]=[&quot; Puisi&quot;, &quot; http://www.terang-bulan.co.cc/search/label/Puisil&quot;, &quot;_new&quot;]
ssmItems[6]=[&quot; Puisi 2&quot;, &quot; http://trimudareog.blogspot.com/search/label/Puisi&quot;, &quot;&quot;]
ssmItems[7]=[&quot; Dinamika Cinta&quot;, &quot; http://www.terang-bulan.co.cc/search/label/Writed&quot;, &quot;&quot;]
buildMenu();
//----- Selesai Edit Menu
</script>
________________________________________________________

Keterangan:
  • Posting ini telah di perbaiki terakhir tanggal 02 Januari 2012 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.
  • Kode warna, silakan ubah dengan kode warna yang kalian suka
  • Masih banyak lagi yang bisa sobat utak-atik.
  • Terakhir simpan. semoga berhasil
Oke semoga tips ini bermanfaat bagi sobat, selamat menikmati menu melayang blogger

Tags: trimudareog, cah ngebel, buku melayang, menu vertikal melayang, cara membuat menu
Anda sedang membaca artikel tentang Membuat Menu Vertikal Melayang dan anda bisa menemukan artikel ini dengan url http://trimudablog.blogspot.com/2012/02/membuat-menu-vertikal-melayang.html. Jika anda ingin menyebarluaskan artikel ini mohon cantumkan link sumbernya! Terima kasih.

Post a Comment

Back to Top