Cara Mengganti Background Blog

23.29 |

Cara Mengganti Background BLOG

Kali ini saya akan post Cara Mudah Mengganti Background Blog Dengan 2 Cara, yang pertama Mengganti Background Tanpa Edit HTML Dan Mengganti Background Dengan Gambar..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,,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..

Cara Mengganti Background tanpa Edit HTML

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/AVvXsEjE61KuSPDXlToJk8gGqlQAqFg-rrF7vaG6aZAUk-ypZ-Ar7kWOdfzNrUF9ECUsRa2AdikSRUgWEok1_77IgLrqZ1iJgI87PN1e2iVfQQIRlS2YW3p8jKIwRXLylkMbJKbp2ei26K9ewLKd/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

Cara Mengganti Background Dengan Gambar

1. pertama anda harus log in kedalam blog anda masing-masing.
2. kemudian buka template
3. pilih sesuaikan
4. kemudian klik latar belakang
5. anda dapat memilih gambar sesuai selera anda
6. kemudia pilih terapkan pada blog

Yupz semoga apa yang saya posting ini dapat bermanfaat untuk pengetahuan kita semua...Good Luck :) :) :)