Powered by Blogger.

Cara Membuat Scroll Pada Widget Arsip Blog

Posted by 123ajah

Blog Archive atau Arsip Blog salah satu memberikan informasi yang ada di blog kita. Arsip Blog biasanya disediakan langsung oleh blogspot. Bentuk arsip blog yang kita gunakan masih standar, sesuai bawaan dari blogspot itu sendiri. Semakin banyak kita memposting artikel maka arsip blog akan panjang ke bawah sehingga memakan tempat, dengan begitu tampilan blog kita pun jadi tidak rapi.

scroll di widget arsip blog

Dengan menambahkan scroll pada widget arsip blog maka tampilan blog kita terlihat lebih rapi, dan tentunya tidak memakan banyak ruang, berikut cara untuk menambahkan scroll pada widget arsip blog :

1. Masuk ke blogger, pastikan widget arsip blog sudah terpasang, jika belum silahkan tambahkan di tata letak
2. Kemudian masuk ke Template > Edit HTML, kemudian cari kode <div id='ArchiveList'> gunakan Ctrl + F untuk mencarinya, kemudian letakkan kode dibawah ini tepat diatasnya
<div style='overflow: auto;height: 200px;'>
3. Lalu letakkan kode </div> penutupnya tepat diatas kode <b:include name='quickedit'/>
kurang lebih hasilnya akan seperti dibawah ini :
<div class='widget-content'>
<div style='overflow: auto;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>
</b:includable>
Note : height: 200px adalah tinggi dari widget tersebut, silahkan sesuaikan lagi sesuai selera sobat.

4. Langkah terakhir klik Simpan Template

Demikian cara untuk memasang scroll di widget arsip blog, Semoga Bermanfaat.

Related Post



Post a Comment