Cara Membuat Efek Scroll Pada Arsip Blog (Blog Archive)

Update Terbaru, 10 Juni 2017

Membuat Efek Scroll Pada Widget Arsip Blogger – Salam sahabat Pena…. Masih semangat untuk blogging? Jadi blogger itu seru dan nikmat kalau dijalani dengan rasa senang tanpa ada beban, menulis artikel mengalir begitu saja dan belajar edit template sampai bisa.

Tentang edit template, kali ini saya akan berbagi cara membuat efek scroll pada arsip blog, seperti yang kita ketahui bahwa arsip blog berbentuk panjang vertikal, tentu sangat menghabiskan ruang jika postingan yang ditampilkan pada arsip terlalu banyak.

Nah, langsung saja berikut Cara Membuat Archive Blog Dengan Scroll keren yang bisa langsung anda coba. yuk ikuti langkah-langkahnya berikut:

1. Login akun blogger >> Pilih Template >> Edit HTML
2. Silahkan cari kode <div class='widget-content'> dengan cara Control+F untuk pencarian lebih cepat.
3. Setelah ketemu, silahkan pasang kode berikut ini tepat setelah kode <div class='widget-content'> dan tambah kode </div> sebelum kode </b:includable>

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

4. Jika diterapkan maka seperti berikut:

   <div class='widget-content'>
   <div style='height:250px;width:auto;overflow:auto;'>
   <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>
   </div>
   </b:includable>

Demikian informasi tentangCara Membuat Efek Scroll Pada Arsip Blog semoga bermanfaat dan tampilan blog menjadi lebih rapi.

Baca juga beberapa artikel lainnya tentang blogger dan bisnis online untuk mendapatkan penghasilan dari internet.

Salam Blogger.