Cara Mudah Mengganti Background Blog Tanpa Edit HTML


                                                                                                     بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم                                                                                                                                                
Lansung saja sob tanpa basa basi
1.     Loggin akun blogger sob
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>

Kode diatas  adalah kode untuk merubah warna background blog sobat

   6.   Simpan dan lihat hasilnya bray.

Sekarang sobat tinggal pilih warna yang sobat suka..

Belum puas dengan itu..???
 pengen yang bergambar...??
ni saya berikan kodenya bray..
<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/AVvXsEhG3WqcplUugICTZJXMCfMkljyjw5YOrh1Vb3os6z1Z9k-oL_Es_Ha5r9ntLbUomXzeglgqRcUeIcaxf7VTN85taibr-zSkPrxwWfH11g71l3T0yIs24QDHRg2g6B_bAKisXMTkwYc57xrd/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://amirhamzahporang.blogspot.com/" target="_blank">Powered By Amir Hamzah Porang</a></center>


Selamat Mencoba, Semoga Bermanfat !!

Bagikan ke

4 Responses to "Cara Mudah Mengganti Background Blog Tanpa Edit HTML "

  1. wah thanks ya gan infonya, salam blogger gan. .

    BalasHapus
  2. itu udah otomatis ya gan ?
    thanks ya gan infonya
    sukses untuk blognya gan

    BalasHapus
  3. Suhendrik Oi Oi@ ga gan dia manual pilihan kita gto, thanks udah berkunjung gan.

    BalasHapus
  4. all ok gan, hajar trus, makasi gan ud berkunjung. .

    BalasHapus

Copyright©2014 Gayo Porang - All Rights Reserved
Design by Amir Porang
Back to Top