Home » » MEMBUAT MENU DROPDOWN di BLOG

MEMBUAT MENU DROPDOWN di BLOG

Written By Reza Ageng on Friday, March 4, 2011 | 11:06 PM

Membuat Menu Dropdown blog gampang aja, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah nge blog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini: 


Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb 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. Sama seperti Text Area yg bikin Blog kita jadi Rapih.

Untuk membuat arsip dropdown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :
  1. Login ke blogger.com dg id Anda
  2. Klik Template
  3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:


&<BloggerArchives>


<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>


</BloggerArchives>


Nah, ganti kode di atas dg kode html di bawah ini:  

<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">



<option selected>- Archives -</option>



<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>



</select>

  1. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
  2. Selesai.
Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :
  1. login dulu, tentunya dengan id anda
  2. klik LAYOUT
  3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
  4. Klik Edit pada kotak Blog Archive tadi
  5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
  6. Klik Save Changes
  7. Selesai.  
Semoga Bermanfaat..


Share this article :

No comments:

Post a Comment

Terima kasih Sudah Memberikan Komentar, Tunggu Beberapa Saat Komentar Anda Sedang Di Riview Untuk Mencegah SPAM

 
Support : Harga Handphone Terbaru | Sepatu Pantofel | Jaket Kulit
Copyright © 2011. Science | Lifestyle - All Rights Reserved
Proudly powered by Blogger
close
close