NBnews- Rekan-rekan blogger yang sedang mencari tutorial membuat label dengan fungsi scroll seperti contoh dibawah ini:
Berikut tutorialnya:
1. login ke blog anda kemudian pilih menu rancangan/layout(englishblog)
2.sebelumnya klik download template lengkap setelah itu edit html > ceklist expand template widget
3.Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “label” atau nama dari label anda , maka akan muncul kode HTML, perhatikan kode seperti berikut :
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<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>
</div>
</b:includable>
</b:widget>
4.perhatikan kode yang berwarna Merah kode tersebut yang anda tambahkan
5.save
Ket:
Untuk height:250px;'> silahkan sahabat mau rubah ke ukuran berapa... ini merupakan kode tinggi tabel.
Apakah Anda Suka? Please Share.
Berikut tutorialnya:
1. login ke blog anda kemudian pilih menu rancangan/layout(englishblog)
2.sebelumnya klik download template lengkap setelah itu edit html > ceklist expand template widget
3.Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “label” atau nama dari label anda , maka akan muncul kode HTML, perhatikan kode seperti berikut :
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<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>
</div>
</b:includable>
</b:widget>
4.perhatikan kode yang berwarna Merah kode tersebut yang anda tambahkan
5.save
Ket:
Untuk height:250px;'> silahkan sahabat mau rubah ke ukuran berapa... ini merupakan kode tinggi tabel.
Apakah Anda Suka? Please Share.
