Cara Membuat Scroll Box untuk Arsip Blog Sederhana

Cara Membuat Scroll Box untuk Arsip Blog

Screen Shootnya Kira-kira seperti ini.
 

Langsung Saja Mulai =>>

• Login ke Blogger ( www.blogger.com )
• Klik Rancangan
• Klik Edit HTML
• Beri tanda centang pada tulisan " Expand Template Widget "
• Cari kode HTML seperti ini  <div id='ArchiveList'> supaya lebih mudah dalam pencariannya,tekan secara bersamaan di Keyboard Komputer sobat ctrl+f dan masukin kodenya.
• Copy kode html ini  <div style='overflow:auto; width:ancho; height:150px;'> dan paste-kan tepat diatas/sebelum kode  <div id='ArchiveList'>
• Selanjutnya silahkan tambahin kode </div> diatas kode  <b:include name='quickedit'/>
• Dan jika seluruh kodenya sudah diterapkan/dipasang maka akan tampak seperti di bawah ini :

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

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

• Silahkan klik pratinjau untuk melihat apakah berhasil atau tidak
• Dan jika berhasil,baru sobat klik simpan template
• Selesai

Note: Untuk Warna hijau bisa Anda ubah sesuai selera Anda.

Itu sedikit Tutor untuk Anda mengenai Cara Membuat Scroll Box untuk Arsip Blog

Terima Kasih

Sumber : http://tips-gobel.blogspot.com/2013/01/cara-membuat-scroll-box-untuk-arsip-blog.html

See You Next Post

Artikel Terkait

Home Albom Foto Mamuju