Sebagai solusinya maka kita edit/ubah label kategori tersebut menjadi Categories roll. Maksudnya supaya kategori/label dapat diroll atau digeser naik turun, sehingga tidak banyak memakan space yang seharusnya bisa dimanfaatkan untuk widget lain. Seperti yang diterapkan pada blog ini.
Berikut caranya :
- Pastikan Anda sudah menambahkan widget Label
- Untuk memudahkan proses pengubahan, ubah nama widget label tersebut menjadi "Categories" dan jangan lupa simpan
- Kemudian masuk di Layout --> Edit HTML pada template blog anda.
- Jangan lupa klik "Expand Widget Templates"
- Kemudian cari atau CTRL+F dan ketikan categories (sesuai step no.2), Akan tampil :
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:includable id='main'>
- Tambahkan kode berikut dibawah kode tadi :
<div style='width:100%; height:150px; overflow:auto;'><font size='2'>
- Kemudian sebagai penutup kode, sesuai dengan tag div dan font (untuk memudahkan proses close tag ) maka Anda tambahkan kode dibawah ini, di atas kode </b:includable>,
- tepatnya antara </b:includable> dan * </div> :
</font>
</div>
- Source lengkapnya Seperti ini :
<b:section class='sidebar-left' id='sidebar-left' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<div style='width:100%; height:200px; overflow:auto;'>
<font size='2'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url + "?max-results=50"'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url + "?max-results=50"'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
</font>
</div>
</b:includable>
Anda bisa mengubah tinggi rendahnya dengan mengubah nilai pada kode yang tersorot warna merah di atas.
Selamat mencoba dan sukses selalu
Tidak ada komentar:
Posting Komentar
“Terima Kasih Telah Memberikan Waktu dan Komentarnya.