Cara Memberi Background pada Widget Archive

Bagi sobat-sobat yang mungkin ingin tampilan archive blognya lebih keren dan menarik. Nih saya punya sedikit trik untuk itu semua.

Trik ini sudah pernah saya coba dan hasilnya menurut saya juga cukup memuaskan. Kalau menurut sobat bagaimana ? Bagus, kan ? Kalau belum puas dengan trik ini sobat bisa mencoba untuk utak-atik trik ini..,,

OK jadi giliran sobat untuk mencobanya sekarang .. heheheh  

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 di atas :

<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(http://i1208.photobucket.com/albums/cc371/AdriBaraka/backgroundarchive1.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 mencobanya sendiri..,,
link http://i1208.photobucket.com/albums/cc371/AdriBaraka/backgroundarchive1.jpg adalah alamat gambarnya dan bisa sobat ganti.

OK, Good LUCK ^_^

Jangan asal copy paste, baca aturannya di sini

Sudah Baca Yang Ini..?