Cara membuat tombol scrollbar di archive blog

cara/trik tips tutorial blogger kali ini akan membahas tentang arsip blog yang dipasang dengan cara scrollbar. Apasih scrollbar itu scrollbar adalah satuan kode HTML yang berfungsi untuk membuat scroll yang bermakna literal adalah gulungan atau juga lebih dikenal dengan handle. Scrollbar berbeda dengan pull-down atau text area. Fungsi dari scrollbar itu sendiri adalah untuk menghemat tempat.Untuk sahabat Blogger Pemula yang ingin memasang scrollbar pada arsip silakan ikuti langkah langkah di bawah ini :

Masuk blogger dengan ID sahabat
Pada opsi lainnya silakan klik Template > > Edit HTML > > Lanjuta ( jagan lupa centang kotak Expand Template Widget )
Cari kode berikut ini   <div id='ArchiveList'>  ( biar lebih cepat gunakan Ctrl + F )
Jika sudah ketemu silakan silakan cope paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:200px;'>

Jika sudah tambahkan kode </div> di atas kode <b:include name='quickedit'/>

Untuk lebih jelasnya coba sahabat perhatikan beberap kode di bawah ini


<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div> 
<b:include name='quickedit'/>

Jika sudah sekarang sahabat klik preview dahulu untuk melihat bagaimana tampilan blognya apakah ada kesalahan atau tidak jika ada kesalahan silakan sahabat ulangi lagi dari pertama jika tidak ada kesalahan silakan klik Simpan Template.

Keterangan :

Teks warna merah adalah dimana kode seharusnya diletakan.

Sedangkan angka 100 adalah tinggi kotak arsip blog yang sudah kita pasang scrollbar button, terima kasih dan semoga bermanfa'at.

 

Sumber