Pernahkan Anda merasa sedikit risih melihat tampilan blog archive Anda yang lumayan banyak menghabiskan tempat? Ada salah satu cara untuk membatasi pangjang blog archive sobat dengan memberikannya scroll pada samping blog archive Anda. Ingi tahu caranya?? mari lanjut membaca dan terapkan langkah berikut ini :
- Sebelum melakukan langkah ini tentunya dan sudah pasti Anda harus menginstal widget archive di blog Anda.
- Setelah terinstall pada blog sobat, sekarang saatnya untuk sedikit mengedit HTML Template sobat.
- Apabila sudah masuk menu edit HTML yang ada pada menu Temnplate blog sobat maka klik bagian dalam kotak edit HTML dan tekan Ctrl+F untuk mencari kode.
- Pastekan kode berikut ini : <div id='ArchiveList'> ke dalam kotak find dan tekan enter.
- Setelah ketemu kode tersebut maka pastekan kode dibawah ini tepat di ATAS kode <div id='ArchiveList'>
Jika sudah di paste maka lebih tepatnya kode diatas akan terlihat seperti dibwah ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
<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'/>
</b:if>
<div class='widget-content'>
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
<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'/>
Ingat memberikan kode penutup </div> seperti diatas. Serta untuk widht, height, dan background bisa anda sesuaikan sendiri.
Sekianlah cara memberikan scroll pada archive blog, semoga bermanfaat bagi blogger.com.
Terima Kasih Atas Kunjungan Anda.
0 komentar:
Posting Komentar