Tutorial - Letak Background dan Border pada Blog Archive

Menjadi jugak eksperiment aku kat blog adik aku.

So aku nak kongsikan kat korang ye !

Jom !

Dashboard > Design > Edit HTML > Tick Expand Widget Templates

1- Cari kod seperti bawah ni (ctrl F untuk memudahkan pencarian )

<div id='ArchiveList'>

2- Copy code dibawah

<div style='overflow:auto; height:200px; background:url(URL BACKGROUND); background-repeat:repeat; padding: 5px; border:2px dashed #a64d79; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;'>

3- Dan pastekan diatas code yang berwarna kuning tadi seperti dibawah.

<div class='widget-content'><div style='overflow:auto; height:200px; background:url(URL BACKGROUND); background-repeat:repeat; padding: 5px; border:2px dashed #a64d79; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;'>  
<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'/>

4- Code yang warna purple adalah code yang WAJIB korang tambah.

5- 200 : Ukuran panjang scroll box

     dashed : bentuk border.  Korang boleh tukar pada dotted atau solid.  Kalau nak kekalkan dashed pun boleh.

     #a64d79 : code untuk warna border
    URL BACKGROUND : Letak background yang korang nak untuk blog archive

6- Preview dulu baru save ye !  Insyallah menjadi =)

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---