Cara Memodifikasi Widget Archive Pada Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips tentang blogging, yaitu cara memodifikasi widget archive pada blog. Widget archive merupakan salah satu widget yang sudah disediakan secara default pada menu tata letak anda. Widget archive merupakan salah satu widget yang memegang peranan penting, terutama kemudahan pengunjung dalam menjelajahi laman website atau blog anda.



Pada umumnya widget archive memiliki desain yang terlalu simpel dan terlalu memakan tempat yang banyak, oleh karena itu kita akan memodifikasinya agar widget archive tampil responsive pada blog atau website anda, tidak memakan tempat yang banyak dan lebih enak dipandang. Dengan adanya sedikit perubahan widget ini diharapkan dapat membuat pengunjung merasa nyaman saat mengunjungi blog atau website kita.



Langsung saja berikut tutorial untuk memodifikasi widget archive pada blog :

Langkah

1. Login pada blog anda masing-masing,

2. Setelah itu pastikan anda sudah memasang widget archive pada blog anda, jika anda belum memasangnya silakan untuk memasangnya pada menu tata letak lalu tambahkan widget arsip lalu simpan,

3. Setelah itu pada menu dashboard pilih menu template,


4. Setelah itu pilih menu edit template,

5. Setelah itu cari kode <div id='ArchiveList'> dengan cara +,

6. Setelah itu copy script di bawah ini lalu paste tepat di atas kode <div id='ArchiveList'>,

 <div style='overflow:auto; width:ancho; height:300px;'> 

Anda dapat mengubah ukuran tinggi widget agar sesuai dengan blog anda dengan mengubah jumlah height !

7. Setelah itu tambahkan penutup script yaitu </div> di bawah isi script widget archive, maka akan kurang lebih seperti ini tampilannya,

Sebelum

 <div style='overflow:auto; width:ancho; height:300px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div> 

Sesudah

 <div style='overflow:auto; width:ancho; height:300px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
</div> 

8. Sesudah itu simpan dan lihat hasilnya.

Demo

Nah itu saja dari saya semoga bermanfaat tentang artikel cara memodifikasi widget archive pada blog, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.