Cara Membuat Widget Arsip / Archive Blog Dengan Scroll

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll

Widget Arsip / Archive Blog Dengan Scroll
Halo sobat tercinta dimanapun berada hehehe. Kali ini saya akan membagikan Cara Membuat Widget Arsip / Archive Blog Dengan Scroll. Arsip blog / Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal, bulan, dan tahun pada blog kalian.

Arsip blog ini sangat berguna sekali jika di pasang pada sebuah blog. Kenapa begitu? Karena dengan widget arsip blog ini, pengunjung bisa dengan mudah menemukan artikel-artikel  yang pernah sobat tulis hanya dengan melihat pada halaman arsip blog. Selain itu halaman arsip juga sangat simple dan mudah juga untuk di terapkan. Bisa di bilang, ini adalah sebuah sitemap,karena di widget arsip ini di tampilkan semua arikel yang ada di blog.

Dikarenakan halaman pada arsip ini bisa mengganggu karena bertambahnya jumlah postingan yang ditulis maka dari itu pada kesempatan kali ini akan saya bagikan bagaimana Cara Membuat Widget Arsip / Archive Blog Dengan Scroll agar blognya sobat terlihat lebih simple seperti widget arsip blog Santai Bareng.
Berikut Cara Membuat Arsip/ Archive Blog Dengan Scroll :

1. Pastikan sobat sudah menambahkan widget arsip blog ke blog.
2. Sekarang buka akun blogger.
3. Pilih menu template > Klik Edit Html
4. Lalu silahkan cari kode ArchiveList
5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:300px;'>

6. Lalu geser ke bawah sedikit, maka anda akan melihat kode seperti ini
<b:include name='quickedit'/>

tambahka kode </div> di atasnya
lebih jelasnya seperti yang di bawah 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'/> </div>
</b:includable>

Keterangan :
Angka 300px adalah tinggi arsip dan silahkan sesuaikan sesuka sobat.
Menambahkan scroll pada widget arsip blog bisa kamu sesuaikan tingginya untuk menyesuaikan dengan sidebar di blog dan tidak memakan banyak tempat di sidebar.
OK, sekian dulu. Selamat mencoba semoga berhasil dan bermanfaat.
Terima kasih.

Loading...

Share This :
Santai Bareng

Ayo bergabung bersama kami untuk Belajar & Berbagi Bersama di SANTAIBARENG.NET

IBX59EDC09435840