Cara Mudah Membuat Dan Memasang Scroll Pada Widget Arsip Blog

 Pada umumnya saat sobat menambahkan widget arsip blog di blog sobat, maka secara default ketika sobat mengkliknya akan membuat tampilan arsip blog memanjang ke bawah. Dan tentunya jika sobat memiliki jumlah postingan yang banyak maka widget arsip blog juga akan lebih panjang.

 Ada cara untuk membuat widget arsip menjadi lebih ringkas, yakni dengan menjadikannya scroll, sehingga ketika mengklik link pada widget arsip blog, tidak akan memanjang, tetapi akan berubah menjadi scroll. Tentunya dapat membuat tampilan blog menjadi lebih rapi dan indah. Terkait itu, kali ini saya akan berbagi cara bagaimana membuat scroll pada widget blog archives (arsip blog) sehingga tampilan arsip blog menjadi lebih ringkas dan lebih menarik. Berikut penampilan widget archive blog yang telah dibuat scroll :

Cara Membuat Dan Memasang Scroll Pada Widget Arsip Blog
Widget Arsip Blog Dengan Scroll


Cara membuat scroll pada arsip blog adalah sebagai berikut :

1. Masuk ke akun blogger.
2. Dari halaman dasbor, pilih Template.
3. Kemudian klik Edit HTML.
4. Kemudian cari kode <div id='ArchiveList'>. Gunakan CTRL+F untuk memudahkan pencarian.
5. Kemudian terapkan seperti ini dengan menambahkan kode berwarna Merah di bawah ini:

<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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>

Cara Membuat Dan Memasang Scroll Pada Widget Arsip Blog
Cara Membuat Dan Memasang Scroll Pada Widget Arsip Blog


 Letakkan kode <div style='overflow:auto; width:ancho; height:200px;'> tepat di atas <div id='ArchiveList'>. Untuk mengatur tinggi widget sobat dapat mengubah height:200px sesuai dengan keinginan sobat. Jangan lupa juga menambahkan </div> sesudah <b:include name='quickedit'/>

 Sebelum disimpan ada baiknya sobat Preview (Pratinjau) untuk melihat perubahan yang terjadi, jika sudah yakin Simpan template anda.

 Mungkin cukup sekian dulu penjelasan membuat scroll pada widget arsip blog, semoga berhasil.
Baca Juga

Subscribe to receive free email updates:

0 Response to "Cara Mudah Membuat Dan Memasang Scroll Pada Widget Arsip Blog"

Post a Comment