Tuesday, 13 March 2012

Cara Membuat Scroll Bar untuk Arsip Blog

Jumpa lagi sahabat blogger. Sudah lama ya saya tidak membuat tutorial blogger, hehe. Yah, untuk postingan kali ini saya akan berbagi ilmu kepada sahabat Education Download tentang cara membuat scroll pada arsip blog. Nah, mungkin cara ini sudah banyak sekali beredar di internet yaa ??
:D Yah, sekedar mengingatkan pada diri sayta sendiri juga berbagi ilmu makanya saya posting artikel ini. Tampilan standar pada arsip blog kan biasanya panjaaaang sekali. Nah, untuk mempersingkat itu, kita buatlah namanya scroll untuk mempersingkat seperti yang ada pada blog saya ini :


Untuk membuatnya sangat mudah sekali. Pertama login di akun blogger kamu. Masuk ke edit HTML dan centang expand template widget. Kemudian cari kode <div id='ArchiveList'> 

kalau sudah ketemu, ganti kode diatas sampai kode bernama
 <b:include name='quickedit'/>  dan ganti dengan kode dibawah ini :

<div style='overflow:auto; width:ancho; height:300px;'>
<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'/>

Selesai.. Jangan lupa untuk menyimpan template kamu. Semoga bermanfaat dan selamat mencoba !!


0 comments:

Post a Comment