Pages

Monday, September 07, 2009

Cara Buat Drop Down Menu untuk Sidebar


Tutorial kal ini berkaitan dengan cara-cara nak membuat 'Drop Down Menu' pada side bar Blog. Sila ikuti penerangan yang di berikan dengan teliti:-

1. Login ke Blogspot.

2. Pilih Layout - Page Elements

3. Pilih Add Gadget--> Html/JavaScript.


4. Masukkan Kod ini :-








<div class='widget-content'>
<p align="center"><span >

<select onchange="window.open(this.options[this.selectedIndex].value)" style="background-color: rgb(51, 153, 102); color: rgb(255, 255, 0); width: 125px; height: 20px; font-weight: bold;" size="1"><option value="#"/>Tajuk Depan
<option value="Link"/>Tajuk 1
<option value="Link"/>Tajuk 2
<option value="Link"/>Tajuk 3
<option value="Link"/>Tajuk 4
<option value="Link"/>Tajuk 5
<option value="Link"/>Tahuk 6
</select></span></p>


5.Anda boleh mengubah saiz "Drop Down Menu" anda pada nombor yang berwarna Merah

- Width-->Lebar
- Hight--> Ketinggian

6. Manakala untuk Link yang berwarna merah juga anda perlu ganti dengan link anda sendiri, dan jangan lupa tukar label Tajuk 1-Tajuk 6 dengan Label anda sendiri.

Sekian Selamat Mencuba.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...