DurfMSu0Qxmk2O77Srei8VZ6q4jtkNf1l2GZimEB
Bookmark

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll

Kali ini Santai Bareng NET akan membagikan Cara Membuat Widget Arsip / Archive Blog Dengan Scroll. Arsip/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 tampilan blog terlihat lebih simple dan rapi.

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll

1. Pastikan sobat sudah menambahkan widget arsip blog ke blog.
2. Sekarang buka akun blogger.
3. Pilih menu Template - 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;'>{codeBox}

6. Lalu geser ke bawah sedikit, maka anda akan melihat kode seperti ini:

<b:include name='quickedit'/>{codeBox}

Jika sudah ketemu, tambahka kode berikut di atasnya:

</div>{codeBox}

Hasil akhirnya akan seperti berikut 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>
{codeBox}

Angka 300px adalah tinggi arsip dan silahkan disesuaikan.{alertInfo}
 
7. Simpan template dan lihat hasilnya.

Menambahkan fitur scroll pada widget arsip blog bisa disesuaikan tingginya. Jadi tidak akan memakan banyak tempat di sidebar blog. Sobat juga bisa mencoba Cara Memasang Widget Daftar Atikel Berdasarkan Label (Bergambar) di blog.

Sekian tutorial blogger pemula mengenai Cara Membuat Widget Arsip / Archive Blog Dengan Scroll. Semoga bermanfaat!