Tips 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 bisa diliahat di sini
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 diatas </head>
buildMenu();
//----- Selesai Edit Menu
</script>
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 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="red";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#FF0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="red";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="WELCOME";
// ----- Mulai Edit Menu
ssmItems[0]=["My Menu"] //Header Menu
ssmItems[1]=["Home", "/", ""]
ssmItems[2]=["CARA GANTI ICON", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html",""]
ssmItems[3]=["Salam Pembuka", "http://www.cukuhnau.co.cc/2011/01/salam-pembuka-sesuai-dengan-settingan.html",""]
ssmItems[4]=["Ganti Icon", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html",""]
ssmItems[5]=["Ganti Icon", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html", "_new"]
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="red";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#FF0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="red";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="WELCOME";
// ----- Mulai Edit Menu
ssmItems[0]=["My Menu"] //Header Menu
ssmItems[1]=["Home", "/", ""]
ssmItems[2]=["CARA GANTI ICON", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html",""]
ssmItems[3]=["Salam Pembuka", "http://www.cukuhnau.co.cc/2011/01/salam-pembuka-sesuai-dengan-settingan.html",""]
ssmItems[4]=["Ganti Icon", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html",""]
ssmItems[5]=["Ganti Icon", "http://www.cukuhnau.co.cc/2011/01/mengganti-icon-blogger.html", "_new"]
buildMenu();
//----- Selesai Edit Menu
</script>
- silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
- kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat.
- MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
- masih banyak lagi yang bisa sobat utak-atik.
- terakhir simpan. semoga berhasil
0 Komentar untuk "Cara Membuat Menu Melayang Diblog"
Pengaturan Berkomentar
- Silahkan berkomentar sesuai artikel bisa berupa saran dan kritik,
- Anda juga bisa menggunakan gambar EMOTICON pada komentar,
- Mohon untuk tidak meletakan Link Hidup, Sara, Dan Spam.
- Sebisanya komentar anda saya balas dengan Cepat,
- Untuk mengetahui balasan komentar dari saya silahkan berlangan artikel. Out Of Topic Show Konversi KodeHide Konversi Kode