Tuesday, July 16, 2013

Cara Membuat Arsip Blog Dengan ScrollBar


Cara Membuat  Arsip Blog Dengan ScrollBar- Halo sobat Blogger semua sehat selalu bukan? Sudah membuat blog saat ini, dan blog kalian masih belum kalian edit atau di tambah pernak-pernik untuk mempermanis blog kalian, nah saat ini saya mau menshare mengenai cara membuat scrollbar untuk arsip blog kita, karena kadang-kadang bila jumlah postingan kita banyak maka akan memakan banyak tempat karna daftar arsip kita akan memanjang sampai bawah, untuk memendekannya bisa kita buat scrollbar seperti contoh di bawah.

Untuk cara membuatnya bisa kalian ikuti langkah-langkah di bawah ini:




Masuk ke blog kalian
Lalu ke halaman Template>>Edit HTML>>Jangan lupa centang ( expand template widget untuk blog lama) 
Lalu kalian cari kode <div id='ArchiveList'>
Biasanya kode itu untuk blogger terbaru bisa kalian lihat gambar di bawah ini:




Kalian cari kode seperti :  type='HTML'>----<b:includable id='main'>, Nah kalian klik garis ----- hingga terbuka dan kalian cari kode <div id='ArchiveList'> tersebut. Selanjutnya kalian kopi kode di bawah ini sebelum kode <div id='ArchiveList'> 

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


Jika sudah tambahkan kode</div> diatas kode <b:include name='quickedit'/> setelah itu coba pra tinjau, bila tidak berhasil coba tambah kode </div> sekali lagi,sampai berhasil, lalu klik simpan template. selesai arsip blog kalian sudah berbentuk scrollbar. Memang sederhana namun sangat membantu.