Berikut saya berikan Cara Mudah Membuat Scroll Bar di Sidebar Blogspot sbb:
- Silahkan Login ke account blogger anda.
- Pada halaman dashboard pilih Design -> Edit HTML
- Backup dulu template Anda dengan pilih Download Full Template, kalau sudah selesai backup template Anda, teruskan langkah dibawah.
- Jangan lupa centang Expand Widget Templates.
- Cari kode seperti dibawah ini , Anda bisa gunakan Ctrl+ F, atau tekan F3
<b:widget id='Label1' locked='false' title='Categories' type='Label'>Perhatikan kode <ul> yang saya warna merah.
<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"'>
<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>
Gantilah kode <ul> menjadi <ul style= 'height:200px;width:210px; overflow:auto;'>
Keterangan:
- Kode title=’Categories’ bisa berbeda untuk setiap blog. Bisa ditemukan dengan title=’Label’ atau title=’Kategori’, tergantung masing2 blogger dalam menamainya gadgetnya.
- height:200px adalah untuk tentukan tinggi widget.
- width:210px adalah untuk tentukan lebar widget.
5. Klik Save untuk simpan template blog Anda.
Coba lihat lihat blog Anda, scroll barnya sekarang sudah jadi. Begitulah Cara Mudah Membuat Scroll Bar di Sidebar Blogspot.
Semoga postingan diatas bermanfaat bagi Anda, dan jangan lupa di Like dan di Tweet bro!
Semoga artikel Cara Mudah Membuat Scroll Bar Kategori Blogspot bermanfaat untuk Anda.