Membuat label dengan roll

Pada tips blogger kali ini saya akan mencoba membuat sedikit tips tentang membuat label dengan roll. Semua sudah tahu bukan bahwa label adalah katagory dari sebuah blog, semakin banyak katagory maka tampilan label tersebut akan semakin panjang. Nah saya akan memberikan solusi bagi yang memiliki banyak katagoy tapi ingin menghemat space blognya. Gimana caranya?...

1. Pertama-tama masuk ke halaman html kamu dan klik centang ke expand widget. (jangan lupa download template selengkapnya dulu)

2. Kedua cari kode ini

<b:widget id='Label1' locked='false' title='Daftar isi' 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>

3. jika sudah pasang kode biru ini pada kode tadi.

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

dan akhiri dengan kode hijau ini

</div>




cara Pemasangannya adalah seperti ini.

<b:widget id='Label1' locked='false' title='Daftar isi' 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: 140px; height: 400px; 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>

Penjelasan, 140px adalah lebar dari roll tersebut dan 400px adalah tinggi dari rollnya. kamu bisa menggantinya sesuai dengan yang kamu inginkan.

Simpan dan lihat hasilnya...apa yang telah kamu buat bisa dilihat disini sebagai contohnya (pada daftar isi, itu adalah label dengan roll. Selamat mencoba...salam tips blogger pemula.

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]