Cara Memasang Scroll Pada Widget Arsip Blog

Cara Memasang Scroll Pada Widget Arsip Blog - Stiap kita update Artikel di blog maka semakin panjang juga arsip yang ada dihalaman blog kamu. jika semakin panjang maka otomatis akan memakan lebih banyak tempat diblog kamu. Terus bagaimana solusinya ?, apa Widget Arsip dihapus saja ?, kalau tidak dihapus solusinya bagaimana ?.

Ha...ha...jangan terlalu pusing dan sampai banyak pertanyaan sepeti itu sob. Disini Master Chef Dapur Tutorial Blogspot dan Seo punya solusinya yaitu dengan memasang fungsi Scroll pada arsip blog kamu. Resepnya mudah hanya perlu menambahkan sedikit kode pada bagian Arsip Blog kamu. biar gak kelamaan mikir langsung saja ikuti Resep Master Chef berikut ini :

1. Silahkan login kehalaman blog masing-masing
2. Untuk menambah fungsi Scroll pada arsip blog kamu, jelas kamu harus memasang Widget Arsip terlebi dahulu kehalaman blog kamu.
3. Jika Widget Arsip sudah kamu tambahkan kehalaman blog kamu sekarang masuk kehalaman edit HTML dengan cara Pada Bagaian Dhasbord blog Pilih Template --> Edit HTML --> Proses Atau lanjutkan
4. Jangan Lupa centang kotak kecil yang bertulisan Expand Widget Template.
5. Sekarang Cari kode Seperti ini :<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
6. Sudah ketemu, kamu akan menemukan kode Widget Arsip kurang lebih seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>

7. Sekarang Tambahkan kode berikut ini <div style='overflow:auto; width:ancho; height:100px;'> dibawah kode <div class='widget-content'>, kemudian tambahkan kode </div> diatas kode <div class='widget-content'>, Sehingga susunannyam menjadi seperti ini:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<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:100px;'>
<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'/>
</div>
</b:includable>

8. Jika sudah Klik Simpan Template
9. Selesai dan lihat hasilnya

Demikin Sobat Blogger Dapur Tutorial Blogspot Mengenai Resep Cara Memasang Scroll Pada Widget Arsip Blog. Semoga bisa memberikan manfaat. Salam Blogger dan selamat mencoba.