Senin, 08 Oktober 2012

cara membuat background berubah-ubah

Siapa pun senang jika mempunyai blog yang keren dan tampil elegan, kali ini saya akan berbagi tentang background yang bisa berubah-ubah sesuai minat pengunjung nya, keren kan!! awalnya saya menemukan ini ketika saya memodif script lazyload, akhirnya lazyload yg saya modif itu gak berfungsi, script asli nya saya uda gak nyimpan,
dan saya mencoba browsing di google untuk menemukan lazyload
yang ingin pasang Widget Naruto fight  di blog nya klik disini Cara Membuat Widget Naruto Fight atau mo pasang Cara Membuat Tombol Share Melayang Di Blog atau Cara membuat tombol panah back top .   
ya langsung aja deh....

Kalo mau check silakan di bawah :





Change Background of This Blog!









1. Login ke blogger > rancangan template > tambah widget baru > pilih HTML/Javascript
2. Copy paste kode di bawah ini dan taruh di HTML/Javascript tadi


<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 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/AVvXsEidtzzOQ-ceAhTKCD1Ht11D2Lcyqus8qfcgD5SQ8Uo6os5zPDyo62_dF8_rd4uhX4tAOkulvAp1FrLup5jpKdJL67BqpsICTPCt8DFsW6MEyPNXwNz9paz2s-pDGibVITcXS_xS6Lny8AnQ/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></center></center>
</div><br/><center></center>
</div><br/><center><a href="http://hacker-baturaja.blogspot.com/2012/03/cara-membuat-background-berubah-ubah.html" target="_blank">Pasang Seperti Ini</a></center>







3. Simpan dan lihat hasilnya

Mudah sekali bukan? nah semoga tips ini bermanfaat saya tunggu komennya..:)



Tidak ada komentar:

Posting Komentar