Cara Memodifikasi Widget Archive Pada Blog

18:51:00


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
Ctrl
+
F
,

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

Cara Memodifikasi Widget Archive Pada Blog



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

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Artikel Selanjutnya
Next Post
Artikel Sebelumnya
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

0 Comments