Scroll bukan hanya dapat dipasang di dalam postingan saja, namun di sidebar pun kita dapat memasang scroll termasuk archive blog [Blog Arsip]. Seperti yang kita ketahui, arsip blog akan terlihat sangat memanjang ke bawah. Nah dengan memasang scroll, hal ini tentu saja tidak akan terlihat lagi dan yang niscaya arsip blog akan terlihat lebih rapih. Berikut langkah-langkah cara gampang memasang scroll pada blog archive. Mangga disimak !!
1. Pertama login ke Blogger
2. Pilih Tata Letak » Tambah Gadget » Arsip
3. Selanjutnya Pilih Template » Edit HTML
4. Cari instruksi <div id='ArchiveList'>
5. Pasang instruksi dibawah ini sempurna diatas instruksi <div id='ArchiveList>
<div style='overflow:auto; width:ancho; height:200px;'>Baca juga :
» Cara Praktis Membuat Recent Post Thumbnail Keren Bergerak Turun
» Cara Praktis Memasang Widget Ganti Background Blog
» Cara Melihat Apakah Blog Sudah Responsive Atau Tidak
6. Kemudian jangan lupa tambahkan instruksi </div> sebelum instruksi <b:include name='quickedit'/> sehingga penampakannya akan terlihat menyerupai dibawah ini
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
Kode yang berwarna biru yaitu instruksi yang telah ditambahkan tadi
7. Simpan dan lihat hasilnya
Demikian cara gampang memasang scroll pada blog archive, biar berhasil. Happy blogging !!
Sumber http://ap-thea.blogspot.com
EmoticonEmoticon