Mengganti Background Blog

Salah satu upaya blogger untuk mempercantik blog adalah menganti tampilan blognya dengan model yang dia sukai,,menganti tampilan background blog ada yg susah dan ada juga yg gampang,,disini diksi akan memberikan cara yang sangat mudah sobat,,mengganti background memang terkadang ingin kita lakukan karena telah bosan dengan tampilan lama,,kalau ganti tempalate dirasa sedikitpunya resiko..resiko nya ya sobat tau sendiri lah :) :)jadi saya anjurkan sobat ganti backgroundsaja,,untuk mengganti background sobat ngak perlu edit HTML kok,,

Lansung saja sob..

1. Loggin akun blogger sobat
2. Pada Dasbor klik Tata Letak
3. Tambah Gadget
4. HTML/Javascript
5. Masukkan kode dibawah ini pada kolom tersedia

<center><font color="black"><b>Button Color</b></font></center>
    <br/>
<script src='http://blograngga.googlecode.com/files/tombolbackground.js.txt'/>
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>

Note :
Kode diatas adalah kode untuk merubah warna background blog sobat

   6.   Simpan dan lihat hasilnya.

Sekarang sobat tinggal pilih warna yang sobat suka..

Belum puas dengan itu..??? pengen yang bergambar...??ni saya berikan kodenya..

<div class="widget-content">
    <center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />

    <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">
    <option value="url() repeat center center fixed" />None
    <option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix
    <option valte="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan
    <option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjImvBovkx7LLtW8PkCsh6YQx7i17jXj6FON06Hz0KOb41oN1fkYpr4Ei4DSGQn6zS2655bwItUSLBX-VlT6eRxrZuezoUkL-9fyRwvDccLIWwiaofzzQ23kO00uhEtc34noMCTgvF4SMbW/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1
    <option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

    <option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK8TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix
    <option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
    </select></center></center>
    </div><br/><center><a href="http://dik-si.blogspot.com/" target="_blank">My Note</a></center>

Note :
Cara pemasangannya sama dengan yang diatas

Sekian Cara Mudah Mengganti Background Blog semoga bermanfaat!!!