Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah

Trik blogging mungkin sudah banyak yang sobat ketahui tentang itu, seperti meletakkan widget dipojok blog, atau mungkin membuat widget hanya pada home atau beranda. Yeaa… semua itu memang niat dari diri kita sendiri agar membuat blog kita menjadi lebih indah, sehingga para pengunjung betah lama-lama di blog kita.

Baik, kali ini kami akan berbagi cara membuat Wiget Mengubah Backrground Dengan Gambar, mungkin cara ini sudah banyak dipaparkan oleh blog-blog lain.
Tapi kali ini kami memberikan cara simple dan sedikit penjelasannya.

Okeh, langsung saja… ikuti langkahnya :
1. Login blogger sobat
2. Masuk pada rancangan => Tata Letak
3. Kemudian tambah gadget
4. Pilih=>  html/javascript
5. Copy code script dibawah :

<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/AVvXsEgv6Yo9wNXNFbiovlVQka0baL5EeAsfshRKpavJSLp99dgZsVFYnpAMZWvd-djZRrwQF8e6RIcVCS7KZjonE0sqbk925M6Be4xngRMGjas-e8Fv2PbY8W9yv72vVfIuxOVZhTRGE2KOb8uW/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

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrerwGXZXbBo9wRxRr_fTUAl2ZgXu99W5XKdHSWoDbsXirFkDiU-vJ58w9adZksc15EQqSHyWrxoePGld8hNg2H57e0WQ87-SO4tSbvNc7oQuXd9sXrD2oZpq65PvJwX9U3qtCn5CL6gM/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZS8984Do1DAQ0cj1DWm7b8vMLDd69s39_9OeoggNxcxpZ1nsodJymVsFO5kjKgcb4iceXS549N6utdP3SNgHrUOXI-EymhQ-5y0j-7VEg_eurEo72ONpFrMyyyNruSYLO3AbhYxj3Ix8/s1600/th_gif-sasuke-naruto.gif) repeat center center fixed" />Naruto VS Sasuke

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/sharingan.gif) repeat center center fixed" />Sharinggan 3

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/2748793811a3546012338b327107314l.gif) repeat center center fixed" />Sasuke Chidori

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/thsharingan.gif) repeat center center fixed" />sharinggan 4

    <option value="url(http://i1187.photobucket.com/albums/z387/amandayassin/GenerasiRasengan.jpg) repeat center center fixed" />Rasenggan

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1U_p7Wl6-iEAH48ojzKfNETQeqZGyMxJfbUMsn2m7KO4EgsL6tn0o5ppt550DQtWoxgpeGMXbAaxP-W0fdyTw1vOZ51ofT12iW0Ce9e5Fr4c7oB5Bl_jRlaijr2cFZDidbimP2NWQg/s1600/avenged-sevenfold.gif) repeat center center fixed" />A7X

    <option value="url(http://gifsoup.com/webroot/animatedgifs1/1591575_o.gif) repeat center center fixed" />afterlife

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifTlPhyDcciW8FVy1Flr4O8OlQbkSzERpcpOZVUYe-lYHe0pOe1c9M7Zf8kBt7W5rZgXLYhC9C4PpSyAQpKjYL736F4g_FItCSU-arBJ4v5mdzRy8UWMxgqqs5zZ4F-6VZk3oLJ79y6fCj/s1600/deathbat1.gif) repeat center center fixed" />avenged 7fold

    <option value="url(http://29.media.tumblr.com/tumblr_lqvacoNquH1qay46jo1_400.gif) repeat center center fixed" />avenged

    </select></center></center>

    </div>

6. Pastekan ke Form tadi
7. Simpan
8. Save Template
9. Silahkan dilihat

Penjelasan :
- Bagian yang berwarna kuning bisa sobat ganti dengan URL gambar sobat sendiri
- Bagian yang berwarna biru bisa sobat ganti dengan Nama dari Gambar tersebut

Singkatnya begitu.
Hehehe.. :D
lagi galau gan, jadi nulisnya ngga panjang, heheh..
Thank’s Semoga Bermanfaat

Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste
(Hak Cipta Dilndungi)

Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah' On ...

Anda baru saja membaca artikel yang berkategori Panduan Blog dengan judul Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah. Anda bisa bookmark halaman ini dengan URL http://arioutsider69.blogspot.com/2012/07/trik-cara-membuat-widget-mengubah.html. Terima kasih!

Ditulis oleh: AriOutsider69 - Rabu, 25 Juli 2012