728x90 AdSpace

HEADLINE NEWS

08 April 2010

Dalam blogging, pasti setiap posting terkonsep dengan rapi setiap bulannya sesuai tanggal dan hari kita posting pada bulan tersebut. semakin banyak kita posting perbulan, bagaimana dengan pertahun? mungkin tampilan arsip di sidebar blog kita akan berderet panjang ke-bawah?memakan tempat dan seakan tidak enak dipandang dalam tampilan blog kita.langkah praktisnya adalah dengan cara membuat arsip pulldown menu seperti dibawah 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.

Untuk membuat arsip pulldown 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>
  4. Nah ganti dengan kode berikut :<select name="archivemenu"
    onchange="document.location.href=this.options[this.selectedIndex].value;">



    <option selected>- Archives -</option>



    <BloggerArchives>

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

    </BloggerArchives>



    </select>
  5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
  6. 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


Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Sebagai contoh untuk menu Dropdown milik saya :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial -</option>

<option value="http://asrizalwahdanwilsa.blogspot.com/2010/04/cara-membuat-teks-area.html">Membuat Teks Area</option>

<option value="http://asrizalwahdanwilsa.blogspot.com/2010/04/cara-membuat-readmore-di-template.html">Readmore Template Klasik</option>

</select></form>

Hasilnya seperti ini:


Asrizal Wahdan Wilsa

Memulai Blogging sejak tahun 2009 hingga sekarang. Aktif di bidang musik yang dinaungi salah satu label musik di Kota Bandung. Saat ini fokus melanjutkan kuliah ke jenjang S2 di Universitas Negeri Semarang (UNNES). Website: Sharing Media - Info Tips dan Trik Terbaru

  • Blogger Comments
  • Facebook Comments

0 komentar:

Posting Komentar

Berkomentarlah dengan bijak, relevan dengan artikel, komentar spam dan promosi akan kami hapus, terimakasih.

Kami akan menjawab komentar anda secepat mungkin, opsi lain silakan berkomentar di halaman facebook/melalui twitter kami.

Item Reviewed: Membuat Menu Dropdown Description: Rating: 5 Reviewed By: Asrizal Wahdan Wilsa
Scroll to Top