Cara Mudah Mengganti Background Blog Tanpa Edit HTML

Posted by : Unknown Wednesday, October 16, 2013

Hai sobat,,,,malam ini saya akan post Cara Mudah Mengganti Background BlogTanpa Edit HTML..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 saya akan memberikan cara yang sangat mudah sobat,,mengganti background memang terkadang ingin kita lakukan karena telah bosan dengan tampilan lama,,kalau ganti tempalate dirasa sedikit punya resiko..resiko nya ya sobat tau sendiri lah :) :)jadi saya anjurkan sobat ganti background saja,,untuk mengganti background sobat ngak perlu edit HTML kok,,

Lansung saja sob..

Loggin akun blogger sobat
Pada Dasbor klik Tata Letak
Tambah Gadget
HTML/Javascript
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/AVvXsEiQ6tlDfvOiOg1Zvq9XvIFqILM2qZC-TNOVfqDOAYz8NljZq1JIph1Ov0WEDgxekQa9FKMwtkxDqUQaeCmlZCFt_EFEVhdiEMV3C9pj_gkbqbD0xkCBrYzQf7Fp11Npaswdiiezv07qG5ZT/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://saktobek.blogspot.com/" target="_blank">My Note</a></center>