assalamualaikum wr.wb

malam kali ini saya akan memposting cara mengganti background tampa edit html dan bisa di ganti ganti oleh pengunjung blogg, dan pastinya pengunjung bisa mengganti background sesuka hati mereka.
tujuannya agar menarik dan mempernyaman pengujung blogg supaya lebih betah membaca blogg kita juga menambah jumlah pengunjung blogg lebih banyak.
langsung ke TKP.

1. masuk atau login ke blog kalian
2. Lalu klik Tata Telak tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
3. pilih HTML/JAVA SCRIPT
4. kopas kode di bawah ini,


 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:15px; left:25px;'>

<div class="widget-content"> <left><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);"><b></b></span></blink><br /><br /> <left><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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMUt1bAb9H4qL51ZQPxS5jcxj-0H2Tyfma9SdwEWjjepTIQUo-RM2v0HU5oks9yJG64HqGuklO_Jpa2ARM9VBPgzGySYW9I0oZ_EibR3MFD_trR01AMV3kWmumh48g2YuxTLAg4XzK7ag/h120/Phoenix_Animation.gif) repeat center center fixed" />Fire phonix <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYzoozVLDsG_iXkMjjeUndxrj5dth9EGixs1Q-Q4uS4thAIH5nyR1MDIKQhe2-234pXSXYIEuaRLjLTNfDnmi7HNEpUAr4Qkqc7qskAVe5utk2T7P2sXz0iO8iu4Ip4J_h7A2VHwjj0E/h120/horse_fire1.jpg) repeat center center fixed" />Fire horse <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje_WsM9r0j7DNeUmSXZrpMNuYtJc3bE8KfrzRBlS1Cj_6ycyxzpppjbptrZcqFC1v3ygpE7UwGdhWfXGe1xObGOl9tpl-BRXGVhFdR-gyEikyCrBysF744ru9H_pvjK6g0zstDdquwSsg/h120/hujan.gif) repeat center center fixed" />Rain <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYasrWkTczOU48iuu7Y_iDKUHYUjrhoIh6xMZqvItX-vVUj1DoLPp0fLqHmde48o_2l4JDM7ZQqijmC5L8pDxVcmEeGZFSAhojRKXrfsOVxkDoJRCvb1M902Ts5e-w0acVZZ-ZbKekwo/h120/ikan+komet.jpg) repeat center center fixed" />Ikan <option value="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/AVvXsEh8n7-68XwrD7mYk5pO3k9lqOk-ArNepR0VifPRp-6lzTjFN-t0-kXbma4fFZLag_GUvdS68xz8BCPPyXEBNb1xXmTyElqZJz4-pVGl39iO0gdWKbSs648YmN25UChWoTSM7340Yw51sD7i/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/TZGC7eK9TtI/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> </left></left></div><br/><left><a href="http://bhibitarianto.blogspot.com/2013/04/cara-pasang-background-berubah-ubah.html" target="_blank"><b></b></a></left>




</div>



5. simpan/save
dan lihat hasilnya berada di kiri atas
contoh yang diberi tanda merah,,

keterangan: Nah untuk tulisan yang berwarna merah itu adalah link images / background yang nantinya bisa diganti/dipilih oleh pengunjung. dan agan agan bisa menggantinya dengan gambar/background yang agan sukai tinggal ganti tulisan yang berwarna merah dengan ling gambar yang telah di siapkan.
untuk  tulisan yang berwarna kuning adalah judul/nama dari background. bisa juga di ganti sesuai gambar tersebut..

sekian dan terima kasih.
semoga bermanfaat.