Cara Membuat Scroll Arsip Blog

Postingan kali ini saya mau mencoba berbagi bagaimana cara membuat scroll untuk arsip blog pada widget blog.

Setelah saya coba utak atik membuat scroll ini dan kemudian saya preview ehhh ternyata bisa juga.. akhirnya saya save deh templatenya.

Nah barangkali ada teman saya yang belum tau bagaimana cara membuat scroll pada arsip blog dan kepengen memasangnya, akan saya jelaskan caranya disini.

Langkah - langkahnya sebagai berikuti :

1.  Login ke Acount Blogger atau Dashboard
2.  Pilih Layout
3.  Lalu klik Edit HTML
4.  Centang dulu  Expand Widget Templates
5.  Cari kode yang seperti ini : <div id='ArchiveList'>  .
 Untuk memudahkan mencarinya , pakai saja Ctrl +F , kemudian ketik kata yang dicari dikotak yang disediakan.

6. Kalau sudah ketemu, silahkan simpan kode di bawah ini tepat di atas kode ini <div id='ArchiveList'>


 <div style='overflow:auto; padding:5px; width:370px; height:200px; background-color:#fee9e8; rgb(255, 255, 255); border:2px solid #eba9a9;'> 


Lebih lengkapnya kode tersebut seperti di bawah ini, letakan kode di atas seperti contoh di bawah ini.


<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; padding:5px; width:370px; height:200px; background-color:#fee9e8; rgb(255, 255, 255); border:2px solid #eba9a9;'>
<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> 


7. Setelah selesai, preview dulu tamplatenya lihat hasilnya, kalau sudah muncul berarti kerja OK.. kemudian save tempale, udah deh beress.

KETERANGAN :
1. Tulisan yang berwarna Merah untuk mengatur tinggi dan lebar kotak scrollnya, tinggal merubahnya saja sesuai ukuran widget pada blog Anda.
2. Tulisan berwarna Hijau adalah untuk warna background, silahkan ganti sesuai warna keinginan Anda.
3. Tulisan berwarna Orange adalah untuk garis tepi, untuk merubah ukuran tebal dan warna border silahkan ganti sesuai keinginan Anda.
4. Jangan lupa, pastikan Gadget Arsip blog Anda sudah di pasang terlebih dahulu sebelum memasang script di atas. Anda bisa menyimpan dimana saja sesuai keinginan Anda.


Selamat Mencoba, Semoga Bermanfaat.