Membuat Tombol Mengganti Background Blog

Coba anda klik salah satu warna untuk mengganti background image. Jika  hasilnya belum tampil, ada kemungkinan koneksi internetnya kurang baik  atau ada gangguan loading dari stus tempat menyimpan gambar> Coba  anda tunggu beberapa saat untuk melihat hasilnya.

1

2

3

4

5

6

7

8

Cara membuatnya tidak terlalu sulit, anda hanya memerlukan beberapa  image/gambar yang ukurannya telah diatur dengan lebar 1704 pixel dan  tingginya 886 pixel (bisa di resize dengan menggunakan Adobe Photoshop).  Ukuran tersebut akan muncul penuh pada backgroud blog. Setelah memiliki  beberapa gambar yang akan dijadikan background blog, berikutnya anda  upload ambar-gambar tersebut pada hosting penyimpanan gambar seperti  Photobucket, Imageshack atau lainnya.

Caranya Mudah

1. Buka Log'in Ke Blogger

2. Klik Rancangan

3. Klik Add Gatged

4. Paste Kode Berikut Di Situ

5. Simpan Dan Lihat Hasilnya

Kode yang digunaan seperti dibawah ini :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="15px" border="1px">
<tbody><tr style="text-align: center;font-weight:bold; color:yellow;">
<td onclick="bgChange('url(http://img84.imageshack.us/img84/2685/bg6d.jpg) repeat-x fixed top center')" bgcolor="#2E0000">1</td>
<td onclick="bgChange('url(http://img26.imageshack.us/img26/8659/bg1sj.jpg) repeat-x fixed top center')" bgcolor="#570000"> 2</td>
<td onclick="bgChange('url(http://img51.imageshack.us/img51/3595/bg7qh.jpg) repeat-x fixed top center')" bgcolor="#141543">3</td>
<td onclick="bgChange('url(http://img23.imageshack.us/img23/5633/55364836.jpg) repeat-x fixed top center')" bgcolor="#434351">4</td>
<td onclick="bgChange('url(http://img3.imageshack.us/img3/6030/img36a.jpg) repeat-x fixed top center')" bgcolor="#154511">5</td>
<td onclick="bgChange('url(http://img36.imageshack.us/img36/9214/44128720.jpg) repeat-x fixed top center')" bgcolor="#6AA366">6</td>
<td onclick="bgChange('url(http://img251.imageshack.us/img251/7420/bg3ow.jpg) repeat-x fixed top center')" bgcolor="#423215">7</td>
<td onclick="bgChange('url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg) repeat-x fixed top center')" bgcolor="#88672B">8</td>
</tr>
</tbody></table>


Ganti alamat/url gambar pada kode diatas dengan alamat/url milik anda

Selamat mencoba...!!!