Cara buat drop down labels di blogger

CrCn Blogs | 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 postinganAnda akan label seperti ini. Jika Anda tidak membatasi pemakaian banyak widget, cepat atau lambat pengunjung blog Anda akan segera pergi dari blogAnda. 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.

Description: Cara buat drop down labels di blogger Rating: 4.5 Reviewer: Odii Siitohang - ItemReviewed: Cara buat drop down labels di blogger Description: Cara buat drop down labels di blogger Rating: 5 Reviewer: Odii Siitohang - ItemReviewed: Cara buat drop down labels di blogger


Sumber

Artikel Terkait:

Share it to your friends..!