Membuat Label dengan Roll

Kala kita memposting artikel maka akan bertambah pula labelnya, lantas bagaimana bila semakin banyak kita meposting bukankah daftar label pun ikut bertambah panjang tentu tidak bagus di pandang dan tentu saja menghabiskan ruang blog. Nah untuk itu perlu membuat label lebih ringkas namun memuat semua kategori, yaitu dengan roll seperti yang terlhat di blog saya Daftar Isi . Berikut langkahnya :

1. Login ke blogger

2. Pilih Rancangan

 3. Klik Edit  HTML

4. Beri tanda centang (V) pada expand widget template

5. Lalu cari kode berikut ini, untuk memudahkan pencarian tekan saja ctrl+F , jangan lupa download template lengkap dulu ya, untuk berjaga-jaga bila ada kesalahan maka tinggal upload template tadi.

<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'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'> <data:label.name/>
<b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>


Kemudian pasang kode di bawah ini ke kode di atas

<div style='overflow: auto; width: 150px; height: 200px; text-align: left;'>

dan di akhiri dengan

</div>

pemasangan kode sebagai berikut:

<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'>
<div style='overflow: auto; width: 150px; height: 200px; text-align: left;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'> <data:label.name/>
<b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>

6. Simpan template

Lebar dan tinggi label dapat diubah cukup dengan mengganti angka pada width:150px untuk lebar label dan height:200px untuk tinggi label