Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive

Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive - Cara memasukkan archive/arsip blog ke dalam scroll box atau Cara membuat scroll pada widget archive

Pada Kesempatan kali ini saya akan melanjutkan mengenai artikel Tutorial Blogger yaitu Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive. Pada Blog Archive jika postingan kita banyak akan tampil terlalu panjang ke bawah, supaya tidak terlalu panjang ke bawah harus di tambahkan scroll. Dengan menambahkan scroll tampilan akan menjadi minimalis dan tidak membuat blog menjadi berat. Jika anda tertarik untu mencobanya silahkan simak penjelasan saya berikut ini:

1.) Anda login/ masuk ke akun blog anda
2.) Kemudian anda klik Rancangan-->Edit HTML-->Beri tanda Centang pada Kotak "Expand Widget Template"
3.) Cari kode <div id='ArchiveList'> untuk mempermudah pencarian kode tersebut tekan tombol Ctrl F pada keyboard.
4.) Setelah ketemu kode <div id='ArchiveList'> tambahkan kode berikut ini di atasnya:

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

Keterangan= Ubah 150px dengan ukuran sesuai kesukaan anda

5.) Selanjutnya anda cari kode di bawah ini:

 

<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>

6.) Kemudian anda ganti kode tersebut dengan kode di bawah ini atau juga bisa hanya dengan menambahkan kode yang berwarna biru

<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>

7.) Setelah selesai kodenya akan menjadi seperti berikut ini:
 

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

<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'/>

Demikian mengenai Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive. Semoga apa yang saya sampaika dapat bemanfaat buat anda. Selamat mencoba dan semoga berhasil

$ SALAM TEMUKAN CARA $