Cara Membuat Arsip Blog Menggunakan Fungsi Scroll

how to create a blog archive with scroll function

Sering kali arsip blog terlihat sampai panjang ke bawah sehingga membuat kurang indahnya tampilan sebuah blog. Untuk itu kali ini saya mencoba membuat arsip blog menggunakan scroll agar tidak memanjang ke bawah.

 Langsung saja kita buat arsip blog menggunakan fungsi scroll, langkahnya sebagai berikut:

• Login pada blogspot anda.
• Pilih Layout dan klik "Add a Gadget".
• Pilih “Arsip Blog”, beri nama dengan "Arsip"  (bisa diganti sesuai keingian anda)  pilih gaya hierarki (sesuai dengan keinginan anda).
• Jangan lupa klik “Save”. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
• Utuk menambahkan fungsi scroll pada Arsip Sekarang pilih Template dan klik “Edit HTML”.
• Beri tanda centang pada “Expand Template Widgets”.
• Cari Arsip yang sudah anda buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, akan muncul kode hatml seperti di bawah ini: 

<b:widget id='BlogArchive2' locked='false' title='Arsip' 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: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'/> </div> </b:includable>

• Perhatikan tulisan yang berwarna biru di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan anda ) 
• Simpan template dan lihatlah hasilnya 

 Semoga bermanfaat.