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
    Dapatkan update artikel terbaru kami langsung ke email anda

    2 Responses to "Cara Membuat Menu Melayang di Blog"

    Rahmat said...

    Klo Gambar link melayang gmn gan sperti burung biru yg ada d sini.....

    Khasan Nova P. said...

    @rahmat : postingan burung terbang akan saya bagi pada hari minggu. jadi tunggu aja kelanjutannya
    :n:

    Post a Comment

    pasang iklan murah