Cara Memasang Widget Background Berubah-Ubah Pada Blog

Cara Memasang Widget Background Berubah-Ubah Pada Blog

Ilustrasi Background Berubah-Ubah Pada Blog

Kreasi | Informasi | Selamat malam sobat, bagaimana kabarnya di malam hari ini? Semoga semuanya dalam keadaan baik-baik saja, amin. Siapa pun senang jika mempunyai blog yang keren dan tampil elegan. Kali ini saya akan berbagi info tentang cara memasang widget background berubah-ubah pada blog, sesuai dengan minat pengunjung, keren kan!! Saya melihat ini di blog teman Krisna Surya Blog, saya melihat background blognya bisa di ganti sesuai selera, lalu saya putuskan untuk berbagi dengan sobat sekalian. Bagi yang ingin melihat contohnya silahkan kunjungi blognya Krisna Surya atau klik disini. 

Kemudian untuk selanjutnya langsung aja kita action ke cara pemasangannya.

1. Login ke Blogger dengan ID sobat

2. Klik Dashboard >> Lalu Klik Design

3. Lalu Add Gadget >> HTML/Javascript.

4. Lalu copy dan paste kode HTML di bawah pada content HTML/Javascript.

<div class="widget-content">

<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Ganti Background Blog Ini!</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/AVvXsEgxgqCFoqQAkWALJXqUmkeZpYuQZMttjm16Z4-q7R7x-Wkg7-g8wJhyphenhyphenRwGDqYIGAI9WDJHYXHpFPekpnVy6eVAwjASeUnTKIRzGFsxjXJ04kukGFQid0mYKRGIBDArJ4t8z-WnK2CtxjaFm/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><a href="http://gedesitdownblog.blogspot.com/2013/05/cara-memasang-widget-background-berubah.html" target="_blank">Get Widget</a></center>

5. Kemudian Klik Save.

6. Selesai

Sekarang blog sobat sudah bisa diganti-ganti backgroundnya. Judulnya boleh kosong atau boleh juga diisi, saya anjurkan di simpan di bawah header halaman atau dimana saja terserah anda yang penting mudah untuk dilihat oleh pengunjung.

Demikian informasi cara memasang widget background berubah-ubah pada blog, sebagai suatu kreasi tersendiri dan untuk mempercantik tampilan blog kita. Semoga bermanfaat. 

SHARE

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.

• 
• 
• 
• 
•