Membuat Menu Melayang Pada Blog

Berbagai macam cara dilakukan para blogger untuk menghemat ruang blognya salah satunya dengan Kotak blogroll, Namun tips kali ini untuk menghemat halaman kita akan membuat menu melayang. menu ini dapat sobat tampilkan di bagian kiri maupun di bagian kanan blog, sobat tinggal memilih mana yang lebih cocok untuk blog kesayangan sobat.

contoh bisa diliahat disini

Bagi yang ingin menampilkan menu melayang ikuti panduan 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 diatas </head>

<script src=’http://elmubarok.googlecode.com/files/floating1.js&#8217; type=’text/javascript’/>

<script>YOffset=150;XOffset=0;staticYOffset=30;

slideSpeed=20

waitTime=100;

menuBGColor=&quot;red&quot;;

menuIsStatic=&quot;yes&quot;;

menuWidth=150;

menuCols=2;

hdrFontFamily=&quot;verdana&quot;;

hdrFontSize=&quot;2&quot;;

hdrFontColor=&quot;black&quot;;

hdrBGColor=&quot;#FF0000&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;#FFFF99&quot;;

linkTarget=&quot;_top&quot;;

linkAlign=&quot;Left&quot;;

barBGColor=&quot;red&quot;;

barFontFamily=&quot;Verdana&quot;;

barFontSize=&quot;2&quot;;

barFontColor=&quot;white&quot;;

barVAlign=&quot;center&quot;;

barWidth=20; // no quotes!!

barText=&quot;WELCOME&quot;;
// —– Mulai Edit Menu

ssmItems[0]=[&quot;My Menu&quot;] //Header Menu

ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]

ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.tipskom.co.cc/2009/07/about-me.html&quot;,&quot;&quot;]

ssmItems[3]=[&quot;Blog Tutorial&quot;, &quot;http://www.tipskom.co.cc/search/label/Blog%20Tuturial&quot;,&quot;&quot;]

ssmItems[4]=[&quot;Tips FaceBook&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Facebook&quot;,&quot;&quot;]

ssmItems[5]=[&quot;Tips Komputer&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Komputer&quot;, &quot;_new&quot;]

ssmItems[6]=[&quot;Free Antivirus&quot;, &quot;http://www.tipskom.co.cc/2009/07/free-antivirus.html&quot;, &quot;&quot;]

ssmItems[7]=[&quot;SEO&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20SEO&quot;, &quot;&quot;]

buildMenu();

//—– Selesai Edit Menu

</script>

  • silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak.
  • kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat. 
  • MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
  • masih banyak lagi yang bisa sobat utak-atik.
  • terakhir simpan. semoga berhasil

share

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s