Tuesday, December 27, 2011

Cara Memberi Background Pada Archieve Blog

Buat Sobat yang ingin Supaya tampilan archieve blognya lebih keren dan menarik,salah satu cara nya adalah dengan memberi background pada tampilanya,dan berikut cara mudah untuk membuatnya :


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. Masukkan kode berikut




<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(LINK GAMABAR SOBAT); 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.
Catatan : kode yang berwarna biru adalah kode yang harus ditambahkan.
angka 300  adalah tinggi blog archive sobat,Silahkan disesuaikan.Link gambar nya bisa sobat dapat setelah sobat upload gambar di Photobucket.com,dll.


Semoga Bermanfaat.

0 comments:

Post a Comment