Membuat Fungsi Scroll di Archive Blog

Tutorial  berikut ini adalah, membuat fungsi scroll di archive blog.

Jika sobat ingin tau, sebenarnya beberapa kali saya gagal memasang widget ini, dikarenakan tutorial yang saya lihat tidak jelas perintahnya. Namun setelah saya amati dengan teliti saya tau letak kesalahannya.

Membuat fungsi scroll pada archive blog. Tujuannya agar, arsip blog yang kita buat dalam bentuk Hirarkie, bisa dilihat secara ringkas. Karena semakin banyak archive artikel yang sobat muat di blog tentunya akan menyita banayak tempat. Namun jika kita menggunakan fungsi scroll maka sesempit apapun ruang archive yang diberikan bisa berfungsi dengan baik.

Bagaimana caranya? Mudah, tinggal ikuti langkah-langkah dibawah ini saja :

1. Masuk ke Dashboard Blogger

2. Klik Desain, Klik Edit HTML, Jangan Lupa Centang (Ö) Expand Widget

3. Jika sobat menamai Blog Archive dengan nama "Arsip Blog" (misalnya),  Tekan CRTL + F, 

    Lalu cari kata "Arsip Blog "

4. Jika sudah ketemu kode CSS nya seperti ini :

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

5. Ubah bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi seperti ini :

Lihat Script:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' 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:250px;'>

<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'/>

6. Save dan lihat hasilnya.

Catatan: Warna Hijau adalah Kode Script yang ditambahkan. Warna merah: dapat diatur sesuai keinginan sobat.