CARA MEMBUAT NAVIGASI MENU MELAYANG

Apa Kabar Sobat Bloger , Mungkin Kedatangan Anda KeBlog Saya Untuk Mendapatkan Informasi Seputar Cara Membuat blog Menjadi Keren . Disini Saya Akan Membimbing Anda Untuk Dapat Menerapkan Beberapa Widget KeDalam Blog Anda Agar Blog Anda Terlihat Lebih Menarik Lagi .

Cukup Sekian Basa Basi Nya Langsugn Saja Kepada Inti Permasalahannya :

Di Pinggir. Sahabat informasi maya seperti yang kita tau berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya salah satunya dengan buku tamu melayang, kotak blogrol, sampai menu navigasi yang melayang. Nah pada kesempatan kali ini kang salman akan membahas bagaimana cara membuat menu navigasi yang tersembunyi/melayang. ya tentunya ini untuk menghemat ruang blog kita. Lihat Demonya di Kiri blog ini

Bagi sobat yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1. Masuk ke Blogger dengan ID sobat.

2. Pilih Design (Rancangn) ---> Edit HTML.
3. Back up template dulu, untuk antisipasi kalau gagal.
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat bawah </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="#cc0000";
menuIsStatic="yes";
menuWidth=120;
menuCols=3;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#cc0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#cc0000";
linkTarget="_top";
linkAlign="Left";
barBGColor="#cc0000";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="MENU";
// ----- Mulai Edit Menu
ssmItems[0]=["OPTION :"] //Header Menu
ssmItems[1]=[" Home", "/", ""]
ssmItems[2]=[" About Me", "http://www.kucoba.com/2010/03/profil.html",""]
ssmItems[3]=[" Tutorial Blog", "http://www.kucoba.com/2009/09/tutorial-mudah-blog.html",""]
ssmItems[4]=[" Tips Blog", "http://www.kucoba.com/2010/07/kumpulan-tips-blogspot.html",""]
ssmItems[5]=[" Buku Tamu", "http:/www.kucoba.com/2009/10/buku-tamu.html", "_new"]
ssmItems[6]=[" Lowongan Kerja", "http://www.kucoba.com/2010/11/kumpulan-lowongan-kerja-terbaru-di.html", ""]
ssmItems[7]=[" Dinamika Cinta", "http://www.kucoba.com/search/label/Dinamika Cinta", ""]
buildMenu();
//----- Selesai Edit Menu
</script>