Cara Membuat Menu Melayang di Blog

Cara Membuat Menu Melayang di Blog. kemarin saya sudah menjelaskan cara membuat iklan melayang, sekarang gantian menunya yang melayang. sebelum saya menjelaskan tutorial ini, saya akan menjelaskan menu. menu yaitu categori-categori yang disediakan pemilik untuk dipilih pengunjung sesuai seleranya. nah, pada blogger-blogger pemula seperti saya, menu tersebut biasanya berada fixed tepat di bawah judul blog kita. namun, yang saya berbuat kali ini menu dengan memanfaatkan fungsi Jquery, yakni membuat menu melayang di blog. lihat screen shortnya di bawah ini.

dengan memanfaatkan menu di atas, blog kita akan terlihat lebih simple, rapi, menarik, namun tetap professional. menu tersebut saya gunakan di blog saya sendiri agar lebih terlihat menarik. nah, sudah tahukan apa itu menu melayang, sekarang saatnya kita membuatnya. ikuti tutorial di bawah ini   :

1. seperti biasa login dulu ke blog
2. kemudian klik rancangan
3. pilih edit HTML
4. cari kode ini : </head>
5. kemudian COPAS kode berikut ini dan taruh di bawah kode tadi

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

<script>

YOffset=150;

XOffset=0;

staticYOffset=30;

slideSpeed=30

waitTime=100;

menuBGColor=&quot;#ffffff&quot;;

menuIsStatic=&quot;yes&quot;;

menuWidth=190;

menuCols=3;

hdrFontFamily=&quot;verdana&quot;;

hdrFontSize=&quot;2&quot;;

hdrFontColor=&quot;black&quot;;

hdrBGColor=&quot;#009966&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;#000000&quot;;

linkTarget=&quot;_top&quot;;

linkAlign=&quot;Left&quot;;

barBGColor=&quot;#009966&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; Advertisement&quot;, &quot;http://newscheat.blogspot.com/p/advertisement.html&quot;,&quot;&quot;]

ssmItems[3]=[&quot; Cheat Ninja Saga&quot;, &quot;http://newscheat.blogspot.com/2011/03/cheat-ninja-saga.html&quot;,&quot;&quot;]

ssmItems[4]=[&quot; Cheat Gemscool&quot;, &quot;http://newscheat.blogspot.com/2011/03/cheat-gemscool.html&quot;,&quot;&quot;]

ssmItems[5]=[&quot; Cheat Game Facebook&quot;, &quot;http://newscheat.blogspot.com/2011/03/cheat-game-facebook.html&quot;, &quot;_new&quot;]

ssmItems[6]=[&quot; Tutorial Blog&quot;, &quot;http://newscheat.blogspot.com/2011/03/tutorial-blog_27.html&quot;, &quot;&quot;]

ssmItems[7]=[&quot; Download Software and Cheat&quot;, &quot;http://newscheat.blogspot.com/2011/04/download.html&quot;, &quot;&quot;]

buildMenu();

//----- Selesai Edit Menu

</script>

ganti tulisan berwarna kuning dengan link yang ingin kamu tuju

berwarna merah dengan tulisan sesuka kamu
berwarna biru dengan warna yang kamu suka

• jangan lupa untuk simpan

selesai... jangan lupa beri komentarmu :D