Membuat Menu Melayang Pada Blog


Kali ini saya akan memberi tahu bagaimana cara membuat Menu melayang pada blog.  Menu melayang merupakan salah satu variasi dari jenis menu yg ada pada blog. Saya sendiri juga menambahkannya pada blog saya. Bisa dilihat sendiri pada bagian kiri blog saya. Menu layang bisa di letakkan pada sebalah kiri ataupun kanan sesuai dengan selera. Dah kayak memasak aja isi kata selera http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gifhehehe.
 Untuk langkah2nya bisa lihat yang di bawah ini cuy...
1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu, untuk antisipasi kalau nanti 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' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;blue&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;# #0000FF&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;# 0000FF &quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;blue&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;Download Manga Chapter&quot;] //Header Menu
ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[1]=[&quot;Naruto Chapter&quot;, &quot; http://zianekaze.blogspot.com&quot;,&quot;&quot;]
ssmItems[2]=[&quot;Bleach Chapter&quot;, &quot;http://manga.melodanta.com&quot;,&quot;&quot;]
ssmItems[3]=[&quot;One Piece Chapter&quot;, &quot; http://one-piece-manga-download.blogspot.com&quot;,&quot;&quot;]

buildMenu();
//----- Selesai Edit Menu
</script> 

NB :
1.Pada tulisan berwarna meraah anda bisa mengganti dengan nama yang anda mau
2.Pada tulisan berwarna biru anda bisa mengganti dengan link yg anda ingin tambahkan

Pada blog saya, saya menggunakan warna biru pada menu saya. Jika anda ingin mengganti warna menu anda, anda bisa menggantinya pada tulisan yang berwana hijau.Seperti di bawah ini :

<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;blue&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#0000FF&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;# 0000FF &quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;blue&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;;
Font dan ukuran menu juga bisa diganti dan masih banyak lagi yang bisa dirubah.
Oiya sebelum anda mulai mengedit HTLM blog anda, terlebih dulu centanglah "Expand Template Widget"
Jika selesai mengedit simpan kemudian lihatnya hasilnya..
Selamat Mencoba...

Posted by Sang Pemimpi | at 8/23/2010

0 komentar:


Silakan Bekomentar.!!!


Semakin banyak berkomentar, semakin banyak backlink, semakin cinta Search Engine terhadap blog anda
:a:
:b:
:c:
:1: :2: :3: :4: :5: :6:
:7: :8: :9: :10: :11: :12:

Posting Komentar