Salah Bantal

Teknik Canggih SEO Terbaru, Tutorial Blogging, Tugas Softskill Gunadarma

Membuat Menu Vertikal Melayang Dipinggir





trik bloggerseperti yang kita tau berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya salah satunya dengan membuat buku tamu melayang, kotak blogrol, sampai menu navigasi yang melayang. Nah pada kesempatan kali ini salahbantal 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 melayang ikuti panduan dibawah ini!



1.  Masuk ke Blogger dengan ID sobat.
trik blogger2.  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:
  • 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
Oke semoga tips ini bermanfaat bagi anda, selamat menikamati menu melayang blogger
Semoga Bermanfaat :)

Related Post:

Widget by [ salahbantal ]



Responses

0 Respones to "Membuat Menu Vertikal Melayang Dipinggir"

 

Google+ Followers

Return to top of page Copyright © 2010 | salahbantal Converted into Blogger Template by Denih Edogawa