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 
Related Posts Plugin for WordPress, Blogger...