Cara Membuat Arsip Blog Dengan Fungsi Scroll

Blogging

Cara Membuat Arsip Blog Dengan Fungsi Scroll - Selamat malam teman-teman Pelajar Blogger semua, kali ini Pelajar Blogger tampil dengan penampilan baru, keren tidak? Sebenarnya Template ini bukan buatan sendiri, hanya saja Template dari bawaan Blogger dan saya modifikasi sendiri. Jadi hasilnya ya tidak begitu bagus lah.

Cara Membuat Arsip Blog Dengan Fungsi Scroll - Oke sobat, seharian ini tanpa terasa saya belum memostingkan sesuatu buat teman-teman, mungkin dimalam ini saya sempatkan untuk memostingkan sesuatu yang mungkin saja teman-teman sudah mengetahuinya yaitu Cara Membuat Arsip Blog Dengan Fungsi Scroll. Jika kita memasang Widget Arsip dengan gaya Hirerarki, pasti hasilnya akan memanjang kebawah tanpa batas, maka dari itu saya akan memberikannya sebuah Tutorial untuk mengiritnya yaitu dengan memasang Scroll pada Widget Arsip Blog. Berikut ini pembahasan tentang Cara Membuat Arsip Blog Dengan Fungsi Scroll : 

1. Login ke Blog anda.

2. Jika sudah, silahkan menuju menu Edit HTML.

3. Jika sudah berada di menu Edit HTML, silahkan centang Expand Widget Template.

4. Lalu cari kode ini <div id='ArchiveList'>

5. Selengkapnya seperti dibawah ini.

<div class='widget-content'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

6. Jika sudah, silahkan tambahkan kode <div style='overflow:auto; width:ancho; height:300px;'> dan </div>

7. Maka hasilnya akan seperti dibawah ini.


<div class='widget-content'>
<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>
</b:widget>

Kode yang berwarna biru adalah ukuran panjangnya, maka silahkan edit sesuai selera.

8. Klik simpan.

Sekian dari Pelajar Blogger tentang Cara Membuat Arsip Blog Dengan Fungsi Scroll, semoga bermanfaat!