__________________________________________________

Bikin "scroll bar" di label widget pada Blogger

Ni semua blogger sebenarnya sudah pada tau sih. Cuma, karena aku yang gampang lupa, mending tak post disini juga. Jadi klo aku bikin blog lagi, tinggal buka catatan ini dimanapun hehehehe...

Nah biasanya "label widget" kan dipake untuk semacam kategori gitu. Biasanya juga, kategori itu jumlah nya sedikit, tapi bagaimana masalahnya klo dipake untuk blog edukasi seperti di Indonenglishia? Dimana tiap label dipake buat nampilin artikel lain?

Satu hingga sepuluh label tidak masalah, kalau sampe ratusan, widget akan memanjang kebawah sampe yang baca capek ngelihatnya. #wkwkkwkw

Satu-satunya cara adalah, ukuran widget tetap, tapi overflow atau jumah label yang melebihi ukuran widget bisa discroll gitu.

Caranya ternyata sangat sederhana:
1. Buka Edit HTML di blogger (pasti sudah tau kan caranya). Cari kode dibawah ini (atau yang mirip-mirip)
<b:widget id='Label1' locked='false' title='categories-1' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
2. Tepat dibawah kalimat terakhir, masukkan kode ini:
<div style='overflow:auto; width:ancho; height:250px;'>
angka 250 bisa kamu ganti tergantung pingin fixed widget setinggi apa.

3. Scroll sedikit kebawah, cari kode ini:
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
4. Tepat dibawah </div> tambahkan lagi satu </div>, simpan template, buka blog mu... gimana?

0 comments:

Post a Comment

Semoga yang meng-copy-paste isi blog ini kemudian dipublikasikan ke media apapun tanpa seijin penulis mendapatkan SIAL 7 TURUNAN!