SELAMAT TAHUN BARU 2017 SEMOGA KITA TAMBAH SUKSES DI SEGALA BIDANG AMIN.

Jumat, 21 Januari 2011

CARA MEMBUAT MENU DROP DOWN

Dalam setiap kita membuat postingan, maka secara otomatis dan secara rapi postingan kita akan muncul disidebar setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog 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 dropdown 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.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

  • Login dulu, tentunya dengan id anda
  • Klik Rancangan
  • Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
  • Klik Edit pada kotak Blog Archive tadi
  • Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
  • Klik Save Changes
  • 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="iisi dengan addres yang ingin di tuju"&gt;tulisan di sini yang akan muncul&lt;/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 Arsives -</option>

<option value="http://nurcahyaku10.blogspot.com/2010/11/cara-membuat-teks-berjalan_27.html">Cara membuat teks berjalan</option>

<option value="http://nurcahyaku10.blogspot.com/2010/10/buat-email-dapat-dolar.html">Membuat email dapat dolar</option>

<option value="http://nurcahyaku10.blogspot.com/2011/01/cara-membuat-menu-drop-down.html">Cara-membuat-menu-drop-down</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://nurcahyaku10.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form>

Hasilnya akan seperti ini :

Selamat mencoba !

0 komentar:

Poskan Komentar

Silahkan anda berkomentar, komentar anda yang sifatnya membangun sangat saya harapkan, janganlah melakukan komentar spam.