Selasa, 27 April 2010

Membuat Menu DropDown yang mudah


Dalam konsep blog, setiap posting kita akan terarsip secara otomatis dengan rapi setiap bulan. Setiap memasuki bulan baru, seperti November, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip akan berjejer di sidebar kita, dan tampilannya akan kerepotan untuk melihatnya, dan tampilannya akan kurang bagus, untuk mengatasai masalah itu adalah dengan membuat pull-down menu seperti di bawah ini:



Jadi, berapa tahun kita blogging di blogger/blogspot, menu bulan-bulan/tahun-tahun tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.
Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru.di sini saya hanya akan membahasa tentang penggunaaan di temple baru saja, adapun langkahnya sebagai berikut :
1. Saya di sini memakai bahasa Indonesia, usahakan kalian juga memakai bahasa Indonesia agar sama dengan panduan dan lebih mudah untuk memahaminya.
2. Login ke blogger.com dengan id Anda
3. Klik Entri baru/New Post
4. Klik Tata letak/Lay Out
5. Elemen Laman/Page Element
6. Tambah Gadget/Add a gadget
7. Pada tampilan tambah gadget/add a gadget pilih HTML/JavaScript, seperti gambar di bawah.


8. Setelah itu akan muncul tampilan mengkonfigurasi HTML/JavaScript/Configure HTML/JavaScript, seperti gambar di bawah.


9. Pada title = tulis judul yang anda inginkan, di sini saya member judul/title = Group Posting
10. Dan di content di isi seperti di bawah ini….


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>- Blog Tutorial -</option>
<option value="http://gegalam.blogspot.com/2010/04/membuat-photo-warna-menjadi-photo.html" />membuat Photo warna menjadi Sketsa pencil</option>
<option value="http://gegalam.blogspot.com/2010/04/membuat-photo-warna-menjadi-bentuk.html
" />membuat photo warna menjadi bentuk kartun </option>
</select>


</form>



11. Di bawah ini adalah default yang harus kalian tulis

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>

-----------------------


isi nya terserah anda


-------------------------


</select>


</form>




12. Di bawah ini adalah isi dari Drop down, yang di awali oleh <option>- Blog Tutorial -</option>
<option value="http://gegalam.blogspot.com/2010/04/membuat-photo-warna-menjadi-photo.html" />membuat Photo warna menjadi Sketsa pencil</option>
<option value="http://gegalam.blogspot.com/2010/04/membuat-photo-warna-menjadi-bentuk.html
" />membuat photo warna menjadi bentuk kartun </option>

13. Selamat mencoba, oke deh……..

1 komentar:

Rama mengatakan...

pa ni blog saya m.ramadhan kls 11
rayam-xp.blogspot.com

Posting Komentar