Cara Membuat Scroll Pada Archive Blog

Mengingat banyaknya widget yang terdapat di sidebar blog, tentunya akan memakan banyak ruang untuk menampilkan widget tersebut. Makanya usahakan untuk membuat widget sidebar menjadi seminimal mungkin. Salah satu cara tersebut adalah dengan membuat scroll pada widget. Membuat scroll pada archive blog merupakan salah satu langkah tepat untuk meminimalisir kemungkinan pada sidebar blog agar lebih tertata. Cara membuat scroll pada archive blog sangat mudah simple dan hanya dengan menyisipkan sedikit kode pada template blog. Untuk lebih jelasnya, berikut adalah tutorial Cara Membuat Scroll Pada Archive Blog:

<div id='ArchiveList'>

Untuk memudahkan pencarian gunakan CTRL+F.

3. Jika sudah ketemu, Copy lalu Paste kode berikut ini tepat diatasnya:

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

Keterangan:

Ganti angka 200 dengan tinggi yang di inginkan.

5. Sehingga tampilan kode secara akan seperti ini:

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

6. Simpan Template.

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit