Cara membuat Scroll pada blog
Karena sifat widget archivelist bisa kita banyak mengantri maka blog kita akan semakin panjang kebawah dan tampilan blog kita akan semakin rancu. salah satu solusinya adalah membuat scroll. begini caranya
* Masuk ke blogger
* Buka design / rancangan
* Pilih Edit HTML
* Centang "Expand Widget Template"
* Cari kode id='ArchiveList' (Gunakan Ctrl + F )
* Setelah ketemu, masukkan kode berikut ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:250px;'>
* Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
* Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>
Selamat mencoba
Karena sifat widget archivelist bisa kita banyak mengantri maka blog kita akan semakin panjang kebawah dan tampilan blog kita akan semakin rancu. salah satu solusinya adalah membuat scroll. begini caranya
* Masuk ke blogger
* Buka design / rancangan
* Pilih Edit HTML
* Centang "Expand Widget Template"
* Cari kode id='ArchiveList' (Gunakan Ctrl + F )
* Setelah ketemu, masukkan kode berikut ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:250px;'>
* Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
* Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>
Selamat mencoba
0 Comments