Minggu, 22 April 2012
Browse Manual »
Wiring »
Blog
»
Cara Membuat Menu Omni Melayang di Blog
Waktu saya berjalan-jalan di www.sakahayang.com gak sengaja nemuin artikel bagus , yaitu Cara Membuat Menu Omni Melayang di Blog , dimana script ini akan membuat menu seperti melayang atau floating di blog ..
berikut screen shot nya
Dan berikut caranya :
Cara Membuat Menu Omni Melayang di Blog
1. Login pada blog sobat
2. Rancangan
3. Tambah Gadget
4. Html / Javascript
5. Copy kode di bawah ini dan pasang di blog sobat
<!--menu-->
<style type="text/css">
#menu1 a {color:#000000;background-color:#FFFFFF;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:#000000;text-decoration:none;}
#menu1 a:hover {color:#000000;background-color:#FFFF99}
#menu1 a:visited {color:#000000;text-decoration:none;}
</style>
<script src="http://sakahayangdotcom.googlecode.com/files/mmenu.js" type="text/javascript"></script>
<script type="text/javascript">
resizereinit=true;
nama_menu = "SAKAHAYANG MENU";
hdingbgcolor = "#6666CC"; //warna bground nama_menu
hdingcolor = "#FFFFFF"; //warna text nama_menu
barbgcolor = "#CC0000"; //warna bground bar
barcolor = "#FFFFFF"; //warna text
menu[1] = {
id:'menu1',
fontsize:'100%',
linkheight:22,
hdingwidth:210,
menuItems:[ // REQUIRED!!
]}; // Jangan dihapus
make_menus();
</script>
<!--eof menu-->
Bagian terakhir adalah bagian pengaturan parameter.<!--menu-->
<style type="text/css">
#menu1 a {color:#000000;background-color:#FFFFFF;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:#000000;text-decoration:none;}
#menu1 a:hover {color:#000000;background-color:#FFFF99}
#menu1 a:visited {color:#000000;text-decoration:none;}
</style>
<script src="http://sakahayangdotcom.googlecode.com/files/mmenu.js" type="text/javascript"></script>
<script type="text/javascript">
resizereinit=true;
nama_menu = "SAKAHAYANG MENU";
hdingbgcolor = "#6666CC"; //warna bground nama_menu
hdingcolor = "#FFFFFF"; //warna text nama_menu
barbgcolor = "#CC0000"; //warna bground bar
barcolor = "#FFFFFF"; //warna text
menu[1] = {
id:'menu1',
fontsize:'100%',
linkheight:22,
hdingwidth:210,
menuItems:[ // REQUIRED!!
["Menu1"], //Judul kelompok Menu1
["Item1", "URL1", ""],
["Item2", "URL2",""],
["Item3", "URL3", ""],
["Item4", "URL4", "_new"],
["Menu2", "", ""], //Judul kelompok Menu2
["Item1", "URL1", ""],
["Item2", "URL2",""],
["Item3", "URL3", "", 1, "no"],
["Item4", "URL4", "", 1]
]}; // Jangan dihapus
make_menus();
</script>
<!--eof menu-->
- Warna sesuaikan dengan template sobat biar matching. Judul kelompok menu Tulis ["judul kelompok"], atau ["judul kelompok","",""], jangan lupa setiap satu item atau setelah kurung siku penutup beri tanda koma.
- Untuk setiap item menu, penulisan parameter pertama nama item yang akan ditampilkan, dilanjutkan URL nya. Semua parameter harus didalam tanda kutip, boleh kutip tunggal atau kutip ganda.
- Bila URL target akan dibuka di halaman (tab) baru pada browser maka parameter ketiga disetting "_new",
- Bila pada satu bar akan diisi dua item maka settingannya pada parameter ke-4 diisi angka 1 dan parameter ke-5 diisi "no". Item ini akan ditampilkan disebelah kiri pada bar tersebut. Untuk item disebelah kanannya cukup dengan parameter ke-4 saja diisi angka 1.
- Untuk item menu yang terakhir setelah tanda kurung siku penutup jangan diberi tanda koma.