Fungsi Scroll Pada Label atau Kategori dan Archives Blog, Sekarang ada scrollnya kan jadi gak terlalu memanjang. Ngirit tempat deh ceritanya, terus juga ada nomor urutnya, kemarin gak ada hanya buton aja…. bikinnya simple tuh, mau tahu ? .. ini bukan nawarin tahu Sumedang lho.. tapi tahu Scroll.. hihi.
seperti ini :
- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu tuh Expand Widget Templates
- Cari kode yang seperti ini (kalau widget labelnya belum ada ya bikin dulu ) :
<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:ancho; height:300px;'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
gak apa asal penempatannya tepat, its ok.
gak apa asal penempatannya tepat, its ok.
- Untuk merubah buton menjadi nomor urut , saya ganti tulisan warna biru itu <ul> menjadi <ol> dan </ul> menjadi </ol>
- Kalau sudah save template .
- Selesai.
Hasil akhirnya dari tips diatas adalah seperti ini ,
Selamat membuat Fungsi Scroll Pada Label atau Kategori , sedangkan untuk fungsi scroll pada Archives Blog.. tunggu posting selanjutnya .
Semoga bermanfaat.
Tags : scroll blog, cara membuat scroll label / kategori, trick membuat scroll, scroll label blog