Cara Membuat Widget Arsip Dengan Fitur Scroll di Blog

Berikut adalah sebuah cara yang bisa anda lakukan guna membuat dan menghemat ruang sidebar di blog ketika harus memasang widget arsip blog. Seperti yang kita ketahui kawan, bahwa widget arsip ini sangatlah penting dalam sebuah blog, karenanya banyak para master seo di luar sana yang menyarankan harus memasang widget arsip di blog ketika akan mendaftar adsense. Widget Arsip pada blog memiliki beragam fitur yang bisa dipilih, namun dari kebanyakan, banyak para blogger yang memilih untuk menggunakan widget arsip dengan metode Flat, dalam artian bila di klik arsip tersebut maka arsip dari judul postingan yang kita baca akan muncul disana. Apalagi kalau blog kita memiliki banyak postingan, tentunya halaman yang dibutuhkan widget arsip sangatlah banyak. Lantas bagaimana cara mengatasinya??

Menggunakan Fitur Scroll pada Widget Arsip Blog :

Dengan menggunakan fitur Scroll pada widget arsip, memungkinkan ruang yang akan dipakai oleh widget arsip akan terbatas, dan loading blog pun akan menjadi lebih ringan. Para pengunjung hanya perlu menarik tombol Scroll pada widget tersebut, apabila ingin melihat judul postingan diarsip tersebut. Lalu cara memasang Fitur Scroll pada Arsip blog gimana ?

Cara Memasang Fitur Scroll pada Widget Arsip Blog :

1. Langkah pertama silahkan masuk akun blog
2. Klik "Tata Letak", jika belum ada widget arsip, silahkan tambahkan dulu dengan cara klik "Tambah Widget" Lalu pilih "Archive Blog"
3. Klik simpan
4. Langkah selanjutnya, Klik Template>>Edit HTML
5. Cari Kode <div id='ArchiveList'>, gunakan CTRL+F untuk memudahkan pencarian
6. Lalu Tambahkan kode berikut tepat diatas kode <div id='ArchiveList'>

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

Anda akan menemukan kode sebagai berikut :

 <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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>

Jangan Lupa juga selalu menambahkan kode </div> Sebelum kata </b:includable>

Tampilan nya mungkin seperti gambar dibawah ini :

Keterangan :

height:200px adalah tinggi yang akan digunakan sebagai ruang arsip yang akan dipakai, anda bisa ganti sesuai dengan tinggi yang diinginkan..

Selesai kawan, langkah terakhir yang harus anda lakukan adalah klik simpan dan lihat hasilnya, berhasilkah, kalau berhasil silahkan berkomentar dan jangan lupa untuk selalu dibagikan yah. Salam Blogger..