Cara Membuat Arsip / Archive Blog Dengan Scroll

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll. Sobat blogger, widget arsip atau blog archive adalah sebuah widget table atau daftar sebuah artikel yang sudah di publish diblog tersebut, widget arisp memberikan sebuah daftar artikel berdasarkan waktu artikel yang sudah dipublish menurut tanggal, bulan dan tahun, jadi secara kesulurahan widget arsip atau archive blog memberi keseluruhan informasi artikel yang di publish menurut waktu artikel tersebut.

Cara Membuat widget Arsip / Archive Blog Dengan Scroll

Widget arsip atau archive blog juga sama hal-nya berfungsi seperti sitemap blog atau daftar isi halaman blog, kelebihan widget arsip blog adalah bisa memberi saran artikel langsung dengan mudah dan bisa melihat judul artikel yang sudah lawas sekalipun, tanpa harus membuka satu persatu halaman blog untuk mencari cari judul artikel.

Maka saya sarankan untuk sobat blogger, agar menambahkan widget arsip atau blog archive tersebut ke halaman situs blog sobat, dalam segi seo, hal ini juga bisa dikategorikan dalan optimasi seo on-page untuk menurunkan tingkat bouncing blog, karena pengunjung bisa lebih berkesempatan untuk mengunjungi halaman lain dengan melihat saran artikel dari widget archive blog tersebut.


Namun pada intinya widget arsip atau archive blog tersebut bisa memakan ruang ditemplate blog sobat, karena jika terlalu banyak artikel, akan mengisi ruang widget yang sangat panjang, untuk itu saya disini akan memberikan tutorial membuat halam arsip blog bisa menghemat ruang widget sidebar, yaitu dengan menambahkan scroll pada widget tersebut, yuk simak tutorialnya

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll 

1. Buka akun blogger sobat.
2. Pertama, terlebih dahulu sobat tambahkan widget arsip blog di tata letak
3. Jika sudah ditambahkan, sekarang masuk ke menu template dan edit HTML.
4. Sekarang sobat cari kode seperti dibawah ini. gunakan CTRL + F
'ArchiveList'
5. Jika sudah ditemukan, silahkan sobat tambahkan kode dibawah ini tepat di atas kode 'ArchiveList' tadi
<div style='overflow:auto; width:ancho; height:250px;'>
6. Sekarang sobat geser kebawah sedikit dan sobat akan menemukan kode seperti dibawah ini.
<b:include name='quickedit'/>
7. jika sudah ketemu, sobat tambahkan kode </div> diatas kode tersebut
8. Maka lebih jelas uraian keseluruhannya akan seperti dibawah 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: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>
 9. Jika sudah sama dengan kode seperti diatas, silahkan sobat save template.

Keterangan : kode height:300px
adalah kode tinggi dari scroll bar tersebut, silahkan sesuaikan dengan keinginan sobat.

Oke sobat blogger, saya rasa sudah cukup untuk tutorial Cara Membuat Arsip / Archive Blog Dengan Scroll, jika ada yang ingin ditanyakan, silahkan ajukan dikolom komentar, lebih dan kurangnya.. saya mohon maaf.


EmoticonEmoticon