Cara Membuat Menu Melayang Pada Blog

Berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya, salah satunya dengan menggunakan roll pada arsip, dan pada toturial 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 sobat bias lihat di blog ini

Bagi sobat blogger yang kepengin mencoba menu melayang silahkan ikuti langkah-langkah mudah di bawah ini

Cara pemasangannya sebagai berikut:

1. Masuk ke Blogger dengan ID sobat.

2. Pilih Design (Rancangn) -> Edit HTML.

3. Back up (download) template terlebig dahulu (seperti biasa…untuk asuransi…hehe…)

4. Cari kode ini </head>pada template anda

5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas atau sebelum kede </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;Dodgerblue&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;Dodgerblue&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.blogger.com/profile/17756234265760334338&quot;,&quot;&quot;]

ssmItems[3]=[&quot;Me In Facebook&quot;, &quot;http://www.facebook.com/Ozan.SLANKERS&quot;,&quot;&quot;]

buildMenu();

//----- Selesai Edit Menu

</script>

Keterangan:

• Pada bagaian yang ditandai dengan warna merah boleh sobat ganti dengan warna kesukaan sobat atau disesuaikan dengan blog sobat (untuk melihat kode warna silahkan klik disini...)
• Pada bagaian yang berwarna kuning harus sobat ganti sesuai blog sobat
• Pada kata WELCOME (yang bercetak tebal) boleh sobat ganti sesuka sobat
• Untuk menambah menu silahkan sobat amati scrip yang paling bawah "ssmItems[nomor urut menu]=["Nama Yang Menu", "Url Menu", ""]" lalu tambahkan di bawah deretan kedalam daftar scrip diatas...(copy tanpa tanda petik)

Sumber ( ozan hacker )

Posted in: Blogger