Just another Information

Saturday, March 16, 2013

Cara Membuat widget Ganti background blog || Blogger

Selamat siang gan,sampai sekarang masih tidak pernah bosan saya untuk berbagi pengalaman tutorial blog ini,kali ini akan saya bagi cara memasang widget ganti ganti background,walau sebenarnya widget seperti ini tidak dianjurkan namun apa salah nya jika dicoba,karena background juga membuat pengunjung betah atau tidak di blog kita,maka dari itu tidak salah dibuat widget ini sehingga pengunjugn bisa mengganti background blog kita sendiri sesuai keinginan pengunjung.
oke,langsung saja sob,,memasang widget ini tidak perlu edit html,,langsung saja login ke blogger>>pilih tata letak>>tambah gadget>>Html/java script>>lalu masukkan kode dibawah ini!


<div class="widget-content">
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color:
rgb(0, 153, 0);">Ganti Background Disini !!</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://lh3.googleusercontent.com/-qSMieDwzZVc/TWmtPeoYmNI/AAAAAAAAAD8/nTJAxAeCKHI/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://linggarbloggersejati.blogspot.com/2012/12/cara-membuat-widget-background-blog.html" target="_blank">Pasang Seperti Ini</a></center>

terakhir.,pilih simpan tanpa diberi judul dan lihat hasilnya!!

nb:tambahan,,untuk kode warna merah bisa kamu ganti sesuai kata kata kamu,dan yang berwarna biru adalah warna font judul widget,bisa kamu ganti warna nya dengan kode html warna.

oke gan,,semoga artikel ini bermanfaat !!
Categories:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat volutpat nibh nec posuere. Donec auctor arcut pretium consequat. Contact me 123@abc.com

0 comments:

Post a Comment