Tuesday 19 February 2013

Cara Membuat Kolom Scroll Pada Blog Archive

Kolom Scroll Pada Blog Archive sangat berguna pada blog blog yang mempunyai archive panjang banget sampai kebawah, jadi dengan adanya Kolom Scroll ini , akan merapikan blog kamu semuanya :)

Ex :

Caranya :
1.Login Ke akun blogger kamu
2.Lalu Pergi ke Template , Edit HTML > Centang Expand Widgets Template
3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList (tekan tomblok ctrl+f)
4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:

<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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

</div>

<b:include name='quickedit'/>
</div>
</b:includable>
5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode height: 200px,
7. Jika sudah klik Save templates dan lihat hasilnya.

0 comments:

Post a Comment

Powered by Blogger.
Free Music Online
Listen Me R-shit