Harry Potter - Golden Snitch
JANGAN LUPA TINGGALKAN KOMENTARNYA GAN...!!! KAN BELUM TUA (PIKUN) JADI HARUS INGAT..!!

CARA MEMBUAT MENU MELAYANG / FLOAT MENU DI BLOG

Rabu, 02 November 2011

Rabu, 02 November 2011

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 kode </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)

Comments:

Posting Komentar

ADD YOUR COMMENTS

Related Posts Plugin for WordPress, Blogger...
 
Hajir21 Blog © Copyright 2010 | Design By Gothic Darkness |