Follow by Email

Selasa, 03 Januari 2012

Cara Memberi Background pada Widget Archive 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 <div id='ArchiveList'> 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, dan pastinya bisa sobat sesuaikan sendiri dan bila sobat ingin memberi efek scroll pada archive sobat bisa klik DISINI
link http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg  adlah alamat gambarnya dan bisa sobat ganti.

0 komentar:

Poskan Komentar

Popular Posts

Free Automatic Google Backlinks - SEO Check PageRank
 
© Copyright 2035 KOKA | BLOG
Theme by Yusuf Fikri