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


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://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
    <option value="url(http://4.bp.blogspot.com/-wMd8QktixNE/T3LcqZ62NSI/AAAAAAAAAGU/9z8Sb0-YR9o/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi
    <option value="url(http://3.bp.blogspot.com/-GoBUc4Djwcg/T3LePVQeVvI/AAAAAAAAAGc/TqDJ5fGBXeI/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(http://3.bp.blogspot.com/-1WcrAO9aV2U/TcY1EE-CGhI/AAAAAAAAAL0/2UjyuJZOHcA/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(http://4.bp.blogspot.com/-F-FQA8SqVEM/TlqTTBl7DSI/AAAAAAAAAAU/CgHrITgjgf4/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

4 komentar

  1. Keren juga ya sob. oh iya ngomong ngomong banner sobat. sudah saya pasang di footer " BANNER SAHABAT " , Tolong pasang balik banner saya sob

    BalasHapus
  2. Sudah terpasang mas...dengan rapih
    untuk cek KLIK DISINI
    yaah...

    BalasHapus
  3. wak keren bang, coba dulu ah :D

    BalasHapus
  4. Wah mantap.. tapi ane cuma ubah background blabla url(urlnya) hehe

    BalasHapus

Komentar anda sangat dibutuhkan bagi kemajuan kami untuk terus berkarya.
Diharapkan :
* Berkomentarlah dengan bahasa yang baik
* Tidak ada unsur SARA, SPAM, PORNO
* Tidak merugikan orang lain
* Menunjukkan identitas yang jelas bukan Anonim

Diperkenankan :
* Komentar promosi link web anda
* Kritik & Saran

[Protected] by DMCA Protection Pro™
EmoticonEmoticon