Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah, cepat 2012

Satria Perwira    6/19/2012    Trixs Blogging   

Trik Cara Membuat Widget Mengubah Backgorund Blog Dengan Gambar dengan mudah, cepat 2012

Rafi Orilya. 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/AVvXsEixOPQhldPcnumaGOHvzRZdUyPFfPykqs5TmQnaRcXqxW7uqgTOxSqT4oELrx9SJTWpUXhGuXnB6u8jp7cB3409FXJbLxuPG2wjqK-lVtgHW3fT8fUnH09yGxkcrIDU8_ZsDZMyJcQwPn2p/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/AVvXsEjluB1_xcI4UA4adIPoqexl44kClFVbgOMPF_jDDcgrg-EitA4bzioVPNFKtssciyK-voC6yqGypPkuNOZpSrvERli6cJhMtNDe7Yl9rgAlIzvAlzFlBtBiUKtxRhMg_HjAoZhFnywjchE/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOx8a0_vO8W0pV3-sjWWhBAyizH6I2mBqZCneJwSyCtmENhavhaNPyoZusQQMC17b2LkRnhoQTUxO-A69GZdd0Enht7tuyYr1ia3a6eoSpfNy_mFzuN2x6Z6pAbNlwV-pY-qcQWzl2D0/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/AVvXsEgYglxxTcauro_2w8O9K4zpPaWo-oW_xfDJ8h8Rl56yh6Yf2HxssYrDUz59wEhIkRBPIU5an1OLfwHaQz_MxwqacIPONj6MHiLWuYqcelAhll2Jn7byADB5NhdFn5VWRvfkPzYT9EvL1g/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/AVvXsEiiQbfWLcZdRb3VvVZ38TWVemSL1tovLNEwoZWDcjNUwom7UEbo6s8FyHgIE5-cPuzVOSXmETn_RTMP8e6BRGE0NeqmPeFLzp32ObDoFwvKd1ZmFC4vOOCEeBXJ-sq8lNA-oDOvratV5PVw/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)

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin