Membuat Menu Melayang Pada Blog

Pelbagai macam cara dilakukan para blogger untuk menjimatkan ruang blognya salah satunya dengan Kotak blogger, Namun tips kali ini untuk menjimatkan halaman kita dengan membuat menu melayang. Menu ini dapat ditampilkan di bagian kiri mahu pun di bahagian kanan blog.

Langkah-langkah membuat Menu melayang pada blog :

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Cari kod ini </head>.

5. Copy kod dibawah dan paste sebelum kod  </head>.

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

<script>

YOffset=40;

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;#7dd03a&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;#cafaa9&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;My MENU&quot;;

// ----- Mulai Edit Menu

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

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

ssmItems[2]=[&quot;Tips Blog&quot;, &quot;http://mrul-tips.blogspot.com/search/label/Tips%20Blog&quot;,&quot;&quot;]

ssmItems[3]=[&quot;List Blog&quot;, &quot;http://mrul-tips.blogspot.com/2010/02/list-blog_02.html&quot;,&quot;&quot;]

ssmItems[4]=[&quot;Tips Komputer&quot;, &quot;http://kawe88.blogspot.com&quot;, &quot;_new&quot;]

ssmItems[5]=[&quot;Free Templates&quot;, &quot;http://www.finalsense.com/services/blog_templates/&quot;, &quot;_new&quot;]

ssmItems[6]=[&quot;Free backgrounds&quot;, &quot;http://www.thecutestblogontheblock.com/free/free-backgrounds.html&quot;, &quot;_new&quot;]

ssmItems[7]=[&quot;Blog Tok Guru&quot;, &quot;http://www.blogtokguru.com/&quot;, &quot;_new&quot;]

buildMenu();

//----- Selesai Edit Menu

</script>

Nota :Gantikan teks warna biru dengan tajuk mengikut keinginan anda dan teks warna merah URL yang ingin anda tuju.

Bagi anda yang ingin menambah tajuk dimenu hanya menambah kod dibawah ini sebelum kod buildMenu(); .

ssmItems[8]=[&quot;Blog Tok Guru&quot;, &quot;http://www.blogtokguru.com/&quot;, &quot;_new&quot;]

6. Save.

Selamat Mencuba...