LABEL akan semakin menarik dan praktis bila menggunakan scroll.
Untuk membuat scroll pada LABEL ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
Untuk membuat scroll pada LABEL ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu Expand Widget Templates
- Cari kode yang seperti ini: <b:widget id='Label1' locked='false' title='Label' type='Label'>
- Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
- Kalau sudah, tambahkan di bawahnya,( kode warna merah ) itu sebagai scollnya
- Lengkapnya kode tersebut seperti dibawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Label' 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:200px;'> <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> - Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
- Mungkin saja diblog sobat kodenya beda,Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
- Kalau sudah jangan lupa save template .
- Selesai.
Hasil akhirnya adalah seperti ini :
Semoga bermanfaat :)
0 komentar:
Posting Komentar