Cara Membuat Scroll / Geser pada Widget Arsip Blog

Widget arsip blog merupakan salah satu widget umum yang sering digunakan para blogger sebagai pelengkap blog mereka, widget ini berfungsi untuk menampilkan arsip artikel yang ada pada blog anda. Pada umumnya widget arsip blog (archive) memiliki tampilan yang menjalar kebawah tergantung banyaknya artikel anda dan terlihat sedikit berantakan karena ukuran yang tidak bisa kita atur, oleh karena itu pada kesempatan kali ini saya akan memberikan cara membuat scroll atau geser pada widget arsip blog yang ingin anda pasang di blog kesayangan anda, dengan menambhakan scroll akan membuat widget arsip blog anda kelihatan lebih rapi dengan ukuran yang telah anda atur sebelumnya, untuk contohnya anda dapat lihat arsip blog di blog Tips cantik alami milik saya.

Untuk membuat scroll ini anda hanya perlu menambahkan kode css tertentu di HTML editor blogger anda, untuk lebih lengkapnya silahkan ikuti langkah berikut ini:

Cara Membuat Scroll / Geser pada Widget Arsip Blog

1. Masuk ke akun blogger yang ingin anda edit
2. Klik menu “Template” dan pilih “Edit HTML”
3. Cari kode <div id=’Archivelist’> dengan menggunakan CTRL+F untuk mempermudah pencarian anda
4. Tambahkan kode <div style=’overflow:auto; width:ancho; height:250px;’> diatas kode yang anda cari tersebut dan ubah beberapa kode yang ada untuk lebih lengkapnya hasilnya akan seperti ini:

<div style=’overflow:auto; width:ancho; height:250px;’>
<div id=’Archivelist’>
<div expr:id=’data:widget.instanceId+ &quot;_ArchiveList&quot;’>
<b: if cond=’data:style == &quot;HIERARCHY&quot;’>
<b:incude 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’/>
</div>
</div>
</b:includable>

Ket: ubah height (tinggi) kolom scroll sesuai keinginan anda

5. Klik “Simpan” dan lihat perubahannya
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, jika ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.

Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, jika ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.

0 Response to "Cara Membuat Scroll / Geser pada Widget Arsip Blog"

Post a Comment

Recent

Comment