Iklan

Penataan ulang

Sedang dalam penataan ulang. Silahkan nikmati dan bila ada yang kurang berkenan mohon maaf!

Changing Drop Down Menu

Pemanfaatan Drop Down Menu sebagai salah satu alternatif tampilan menu blog akan sangat praktis dan membuat blog tampak lebih ringkas serta tak tampak berjubel. Drop down menu yang akan kita buat ini juga menjadi lebih menarik karena menu pada setiap link akan ditampilkan secara berurutan dengan mode putar. Nama menu pertama secara otomatis akan digantikan dengan kemunculan nama menu ke dua, ke tiga dan seterusnya hingga menu terakhir. Selain kemunculan bergilir setiap link menu, seluruh nama menu juga dapat ditampilkan secara bersamaan. Untuk membuka link menu yang inginkan, kita dapat lakukan hanya dengan mengKLIK "Go".

Cara membuat Changing Drop Down Menu :

1. Login ke Blogger --> Tata Letak --> Elemen Laman -->

Javascript/HTML --> Copy Paste KODE --> Simpan

KODE :

<script type="text/javascript">
/* bloggerstars-gubhug reyot*/
function formHandler(form) {
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup");
}
</script>

<form name=form>
<select name=site SIZE=1 style="font-family:Times New Roman; font-weight:bold; color:blue; font-size:14px; background-color:#CCCC66; border:2px double #333333;">
<option value="http://link1.html">Sosial dan Budaya
<option value="http://link2.html">Ekonomi dan Sumber Daya Manusia
<option value="http://link3.html">Politik dan Pemerintahan
<option value="http://link4.html">Pakaian Adat Kalimantan Tengah
<option value="http://link5.html">Hukum dan Ketatanegaraan
<option value="http://link6.html">Pemuda dan Olahraga
<option value="http://link7.html">Lembaga Tinggi Negara
<option value="http://link8.html">Korupsi, KPK, Polisi dan Kejaksaan Agung
</select><input type="button" value="Go" onclick="formHandler(this.form);window.close()">
</form>

<script type="text/javascript">
function rotate() {
menu = document.form.site;
chosen = menu.selectedIndex;
menu.selectedIndex= (chosen == (menu.length-1)) ? 0 : chosen + 1;
setTimeout("rotate()",3000);
}
rotate();
</script>

2. Link1.html s/d Link8.html disesuaikan dengan link menu blog.
3. Nama setiap Link menu disesuaikan dengan nama setiap link menu blog.
4. Jumlah nama dan link menu disesuaikan kebutuhan blog.
5. Kecepatan pergantian nama link menu dapat dirubah dengan merubah nilai kecepatannya (3000).
6. Warna (color) dan background huruf juga bisa disesuaikan dengan merubah KODE warnanya.

1 1 komentar:

java land said...

salam kenal mas..saya adalah newbee yg ingin mambuat blog saya ingin model blog seperti mas tolong dong kasih tau trik2nya sebelumnya saya ucapkan trima kasih

Post a Comment

 

ujung bawah

gubhug reyot
Add to Technorati Favorites
Search Engine Optimization SEO