Cara Memberi Background Widget Archive Blog

trik blog  

OK langsung aja ya....

Cara Memberi Background Widget Archive Blog



1. login blog

2. klik rancangan >> edit HTML (centang 'Expand Template Widget')

3. lalu cari kode

untuk memudahkan untuk mencari tekan ctrl + f

4. buat hasilnya jadi seperti ini

<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg); background-repeat:no-repeat;'> 
<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'/>

5. simpan dan lihat hasilnya

NB :
kode yang berwarna biru adalah kode yang harus ditambahkan.
angka 300 menandahakn tinggi blog archive sobat
link http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg adalah alamat gambarnya dan bisa sobat ganti