Tutorial: Background Scroll Box Pada Blog Archive hijau itu duniaku

Tutorial: Background Scroll Box Pada Blog Archive

Waaah rasa teruja sebentar sebab first time wat tutorial nie.Dari dulu lg cari tutorial nie tapi xjumpa. Last2 cari sendiri code untuk buat background scroll box. .. 100% asli tau. Klu nak ambik tutorial nie kredit to Hana ok.

Straight to the point.

Kebanyakkan archive di blog xda background kan (transparent). macam nie..

Now ku nak tunjuk cmna nak letakkan background supaya jadi macam nie

Pergi ke design kemudian klik edit HTML

Tick Expand Widget Templates

Cari perkataan ArchiveList (Ctrl +f)

kemudian kat atas perkataan tersebut

Cari kod nie

<div class='widget-content' style='overflow:auto; height:200px'>

atau

<div class='widget-content'

kat atas kod tersebut tambah kod nie

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px dashed #FFFFFF; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;"><center></center>

MERAH = Warna background KLIK SINI

BIRU = Saiz border

UNGU = boleh ditukar kepada dotted or solid

KUNING = Warna border

Dah siap?

STEP SETERUSNYA

di bawah kod

<div class='widget-content'

tadi ada kod nie kan

<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>

atau pun lebih kurang kod di atas

letakkan