Cara membuat scroll pada arsip blog berikut ini pastinya cara yang paling mudah sekali, lho! Bahkan anak TK pun dijamin bisa melakukannya. Hehe :) segitunya kaleee.. (meniru hiperbolis sales letter jual ebook cepat kaya ya?)
Ya sudahlah, mari kita kembali ke tengtop (eh, laptop). Cara membuat scroll pada arsip blog memang banyak yang mencari, termasuk saya, heuheu..! Tentunya cara yang mudah ya! Penampilan arsip blog berupa scroll ini memang bisa membuat blog terlihat rapi. Bayangkan saja, bagaimana jika post dalam sebulan bisa mencapai ratusan post, tentunya daftar arsip akan panjang dan tidak enak dilihat.
Tentunya akan lebih enak dipandang jika tampilannya seperti berikut:
Nah, bagaimana cara membuatnya? Mudah jeng, mri ikuti langkahnya berikut ya!
Seperti biasa, setelah login ke dashboard blogger Agan, kemudian pilih template, lalu klik edit HTML, selanjutnya...
1. cari kode <div id='ArchiveList'> , gunakan ctrl+ F untuk menemukan kode tersebut.
2. Simpan kode ini <div style='overflow:auto; width:ancho; height:200px;'> di atas kode <div id='ArchiveList'>
3. Beri kode penutup </div> yang disimpan di atas kode <b:include name='quickedit'/>
Jika agan masih bingung, agan bisa lihat hasil akhir keseluruhannya penambahan kode seperti berikut.
<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>
Oke semoga bermanfaat ya post mengenai cara membuat scroll pada arsip blog.
Ya sudahlah, mari kita kembali ke tengtop (eh, laptop). Cara membuat scroll pada arsip blog memang banyak yang mencari, termasuk saya, heuheu..! Tentunya cara yang mudah ya! Penampilan arsip blog berupa scroll ini memang bisa membuat blog terlihat rapi. Bayangkan saja, bagaimana jika post dalam sebulan bisa mencapai ratusan post, tentunya daftar arsip akan panjang dan tidak enak dilihat.
Tentunya akan lebih enak dipandang jika tampilannya seperti berikut:
Nah, bagaimana cara membuatnya? Mudah jeng, mri ikuti langkahnya berikut ya!
Seperti biasa, setelah login ke dashboard blogger Agan, kemudian pilih template, lalu klik edit HTML, selanjutnya...
1. cari kode <div id='ArchiveList'> , gunakan ctrl+ F untuk menemukan kode tersebut.
2. Simpan kode ini <div style='overflow:auto; width:ancho; height:200px;'> di atas kode <div id='ArchiveList'>
3. Beri kode penutup </div> yang disimpan di atas kode <b:include name='quickedit'/>
Jika agan masih bingung, agan bisa lihat hasil akhir keseluruhannya penambahan kode seperti berikut.
<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>
Oke semoga bermanfaat ya post mengenai cara membuat scroll pada arsip blog.
