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 + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

atau pun lebih kurang kod di atas

 

letakkan

</div>

dibawah

</b:if>

Lepas siap semua, akan jadi macam nie..

Klik untuk tumbesaran 

Yang kotak merah tu adalah kod-kod yang perlu di tambah tadi (perhati betul2 tau)

Dah siap.. 

preview dulu. Kalau dah baru save ok

Kod untuk nie je ku tau
 
Kalau ada pa2 masalah roger k.. Baru belajar nie 

                   
Kalu nak cantik kan lagi macam di bawah nie..

 Ikut tutorial imej background di blog archive nie ok

Nak Freebies Button FOLLOW dan DASHBOARD? klik