> > Cara buat drop down labels di blogger

Cara buat drop down labels di blogger

Posted on Minggu, 05 Agustus 2012 by do it your self

labels dropdown menu 2
D-Copy Blog's | Sebuah widget label yang menampilkan label posting Anda dan setiap label terhubung dengan halaman yang berisi tulisan yang termasuk dalam label tersebut. Biasanya dengan ini meningkatkan postingan Anda akan label seperti ini. Jika Anda tidak membatasi pemakaian banyak widget, cepat atau lambat pengunjung blog Anda akan segera pergi dari blog Anda. Untungnya Anda dapat mencegah hal itu terjadi dengan mengubah widget ke menu AA dropdown (atau itu sebuah pull-down?). Label widget Anda akan dikurangi menjadi hanya satu baris! Dan hanya berekspansi ke daftar penuh saat Anda klik. Sebelum menerapkan hack ini, Anda sudah harus memiliki widget Label ini dan silahkan lakukan.

Langkah :

  1. Buka akun blogger Anda
  2. Masuk ke menu Template > Edit HTML > Proceed > jangan centang Expand Template Widget
  3. Dan cari kode dibawah ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    4.  Lalu ganti kode diatas dengan kode dibawah ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>
<option>Click to choose a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :

  • Ganti lebar pada  width:100% dengan % atau Anda juga bisa ganti dengan pixel (px)
  • Ganti Click to choose a label sesuai dengan kata-kata yang Anda inginkan.
     5.  Preview blog Anda terlebih dahulu.
     6.  Save Template Anda.

Artikel Terkait


Category Article ,

What's on Your Mind...