Scroll bukan hanya bisa dipasang di dalam postingan saja, namun di sidebar pun kita bisa 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 pasti arsip blog akan terlihat lebih rapih. Berikut langkah-langkah cara mudah 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 kode <div id='ArchiveList'>
5. Pasang kode dibawah ini tepat diatas kode <div id='ArchiveList>
<div style='overflow:auto; width:ancho; height:200px;'>Baca juga :
» Cara Mudah Membuat Recent Post Thumbnail Keren Bergerak Turun
» Cara Mudah Memasang Widget Ganti Background Blog
» Cara Melihat Apakah Blog Sudah Responsive Atau Tidak
6. Kemudian jangan lupa tambahkan kode </div> sebelum kode <b:include name='quickedit'/> sehingga penampakannya akan terlihat seperti 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 adalah kode yang telah ditambahkan tadi
7. Simpan dan lihat hasilnya
Demikian cara mudah memasang scroll pada blog archive, semoga berhasil. Happy blogging !!
0 Response to "Cara Mudah Memasang Scroll Pada Blog Archive Terbaru"
Post a Comment