Home » , » Cara Mudah Mengganti Background Blog Tanpa Edit HTML

Cara Mudah Mengganti Background Blog Tanpa Edit HTML

Background Blog My Note


Hai sobat,,,,malam ini saya akan post Cara Mudah Mengganti Background Blog Tanpa 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..
  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/AVvXsEjLuZ_CB3So8Hs0_chnooLaP_oitKRgF0ZqNdOBaOYoiZi90bs1WEv03c6NrJvQqzXw0wYd5GdzBtEGwYgcHlnYcUB0EZWBPeQNVXTgS5AIYHI3bvPYuMRwg4AjuaaiF1w_HMA1XsDePstO/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>
Note :
Cara pemasangannya sama dengan yang diatas

Sekian tutorial Cara Mudah Mengganti Background Blog Tanpa Edit HTML semoga bermanfaat!!!


34 komentar:

  1. Wah ini artikel yang saya cari" ,, makasih gan :D

    ReplyDelete
    Replies
    1. sama2 sob,,smoga bermnfaat sob dan tmpilan blognya makin keren sobat ^_^

      Delete
  2. thanks atas infonya :D

    salam http://milik-semua.blogspot.com/

    ReplyDelete
  3. thx infonya, kl pke ini tkut berat blognya.. :D

    ReplyDelete
  4. ok bro..thnks ats knjnganya bro,,salam kenal bro.. :)

    ReplyDelete
  5. termkasih gan atas knjnganya..koment back segera ksana gan ^_^

    ReplyDelete
  6. termkasih atas knjngannya sob,,

    ReplyDelete
  7. thx gan...tapi mau nanya nih...yg bergambar/walpapernya pas diganti kok yg bisa cuma sharingan 2 ..yg lain gak bisa?mohon pencerahanya...

    ReplyDelete
  8. bang cara membuat kotak scripnya gimana bang

    ReplyDelete
  9. tips2 menarik silahkan kunjungi:
    http://kriswahyoe.blogspot.com/2013/05/cara-mengganti-foto-latar-belakang-blog.html

    ReplyDelete
  10. makasih banyak infonya. ditunggu artikel2 berikutnya.

    ReplyDelete
  11. tanks bro, artikelnya sangat-sangat-sangat-sangat bermanfaat ;)

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. cara backgroundnya biar permanenet gmn gan....??

    ReplyDelete
  14. Artikel Yg Ber Manfaat Sob Buat Para Bloger, Kalo Ber kenan di tunggu Kun Baliknya Ya Sob diJuri rakyat

    ReplyDelete
  15. Save Background nya gimane gan ?

    ReplyDelete
  16. Keren Mantap Broo... http://nuriono-piss.blogspot.com/

    ReplyDelete
  17. mampir ke sini juga http://www.kotakmusic.com/

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...
GET UPDATE VIA EMAIL
Berlangganan artikel via email!
reader