Cara Membuat Archive Blog Bergambar - Bacground Archive

Bagi sahabat blogger yang ingin membuat tampilan blognya terlihat lebih waw ... gitu, Di blog Free Shop Ilmu  akan sharing cara Memasang background Archive blog dengan gambar!

Mungkin kalau sudah ada yang pernah coba, Pasti mudah cara membuatnya! Tapi kalau belum mungkin penasaran juga, Gmana ya jadinya? XD...

Oke lihat langsung aja screen shot Yang udah saya terapkan di blog ini.

Langkah-langkah nya silahkan ikuti di bawah ini :

1. Masuk Blogger
2. Pilih Rancangan
3. Edit HTML
4. 
   
5. Lalu cari kode <div id='ArchiveList'> untuk memudahkan untuk mencari tekan ctrl + f
6. Pasang Script Di bawah ini tepat di atasnya :

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

    7. Maka Hasilnya akan 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'/>

 NB : Jangan lupa kode penutupnya yang warna biru </div>


- SELAMAT MENCOBANYA GAN SEMOGA BERMANFAAT DAN JANGAN LUPA JEMPOL!

Single Links (Recommended)