Cara Membuat Widget Ganti Gambar Background (Instant) Di Blog
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
<div class='sidebar section' id='sidebar2'><div class='widget html' id='html20'>
<h2 class='title'>Ganti Gambar Background Blog (Instant), Silahkan Pilih</h2>
<div class='widget-content'>
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">
<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Ganti Gambar Background Blog, Silahkan Pilih" width="180" height="30">
<option value="url(http://4.bp.blogspot.com/-5WAy9BVDJjI/UJvy934eIpI/AAAAAAAAAdI/zwROKIbMI2w/s1600/308106_475863575778225_1050745421_n.jpg) repeat center center fixed" />Eno Parno Abiezz
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Logo Naruto
<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/AVvXsEh7fLUUHvg47wqIRMrScbxfX7SlDdyNI2JYf5pyLKQqhispZ2g22OIuk46soQEOF1ZB-KsASwaGXsYq_D4PUFAQsr6DWCFnRPhWyLXSq3NU2TJDtZJwn3pH9wa5zKJLtNXyl6R0u9vJsWqr/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" />Death Note 2
<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 Akatsuki
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
<option value="url(http://i797.photobucket.com/albums/yy258/lawson1690/noel/detectiveconan7.jpg) repeat center center fixed" />Detektif Conan
<option value="url(http://www.gifmania.co.uk/cartoons/Doraemon/doreamon02.gif) repeat center center fixed" />Doraemon
<option value="url(http://ilovemygoogle.files.wordpress.com/2011/11/ilusi-hipnotis.jpg) repeat center center fixed" />Spiral
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdRFraav6R8ZQE2U0prhJa5u9BSQbCbOeJlrJ-azsRKWvc9q08iYGuR6eX0Insw5eSfEruDL0WKD2bmCHorV_EsNIoZtv7Cg7vej4O84u1p7h5BcwwLbCNLYT26Js2UfHnlbmK7XKJvY/s1600/hypnosys-image-1.jpg) repeat center center fixed" />Abstrak
<option value="url(http://i1198.photobucket.com/albums/aa460/silverwolf028/Bhbarubal_vault.gif) repeat center center fixed" />PB, BlackHawk, BHbarubal, Ghost Rider
<option value="url(http://i252.photobucket.com/albums/hh27/wajddyuono/che_guevara_druze.png) repeat center center fixed" />Che Guevara
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Light Green Matrix
<option value="url(http://i440.photobucket.com/albums/qq122/gene11111/matrix.gif) repeat center center fixed" />Green Chinese Matrix
<option value="url(http://i210.photobucket.com/albums/bb246/yum484/Bleach-matrix.jpg) repeat center center fixed" />Bleach Reloaded
<option value="url(http://i141.photobucket.com/albums/r49/xX-BIGC-Xx/RedBlueMatrix.gif) repeat center center fixed" />Red Blue Matrix
<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://japarus.xtgem.com/blogspot/th_MATRIX5.gif) repeat center center fixed" />Number Matrix
<option value="url(http://japarus.xtgem.com/blogspot/red-matrix-request-animated.gif) repeat center center fixed" />Red Matrix
<option value="url(http://i354.photobucket.com/albums/r423/putralibra/dividers_105.gif) repeat center center fixed" />Laser Matrix
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_25h7VRn6gyNskKVfAR39MrmzCCeCcupi-6tQEGVPCq6388cURa7_ydepde6jsnTTBMltEZmDibWmUki7aG3kw4VYW13AjjXkXjftMFwt09gCiVZsOjjsiVwAgzWxK150v9wYlTK1vmN/s1600/papers.jpg) repeat center center fixed" />Kertas Lecek
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUSvGrhWLY9vL4hi2RCVanHFXSAzFntfQuykCp6Q6tOa9lmY5Zymv-DvvLyOxZgB5csaIKEDiftNptXlEbPLjHmtw4IrjvQvFjwytB0cdN5pcBi1atucM9Wjs0E4x47mpEcKklr6AqB9A/s0-r/sakura-naruto-sasuke-akatsuki-naruto-shippuuden-452719_1280_1024.jpg) repeat center center fixed" />Naruto Akatsuki
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_a0paAh8lHPkcmGaSdwGfVx0sLimChCiyz-qg_9DsOqoyRAAjJT0UXjueITOI1K_h_sPBmlmIwX-hjHXzPsl4ehg0anv5lOfxk-0NC-VTkvgVNQMoSdCSiD2-VuBGOAqrft5jSqFwa8/s1600/LuKiSan_TeRmaHaL.bmp) repeat center center fixed" />Abstrak Warna-Warni
<option value="url(http://www.gifmania.co.uk/astronomy/galaxy/solarsystem.gif) repeat center center fixed" />Solar System
<option value="url(http://japarus.xtgem.com/blogspot/28.gif) repeat center center fixed" />Tengkorak Gantung
<option value="url(http://i1126.photobucket.com/albums/l611/budilht/indonesiaBENDERA.gif) repeat center center fixed" />Bendera Indonesia
<option value="url(http://bestanimations.com/Holidays/Fireworks/animatedfireworks-14.gif) repeat center center fixed" />Firework 1
<option value="url(http://bestanimations.com/Holidays/Fireworks/animatedfireworksgif-12.gif) repeat center center fixed" />Firework 2
<option value="url(http://www.gifmania.co.uk/association-football/real_madrid/Real_anime.gif) repeat center center fixed" />Real Madrid
<option value="url(http://www.gifmania.co.uk/Dragonball/goku/b30.gif) repeat center center fixed" />Dragonball
</select></center></span></blink></center>
</div>
<div class='clear'></div></div></div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-widget-ganti-gambar.html" target="_blank">Mau Widget Ini?</a></small>
<h2 class='title'>Ganti Gambar Background Blog (Instant), Silahkan Pilih</h2>
<div class='widget-content'>
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">
<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Ganti Gambar Background Blog, Silahkan Pilih" width="180" height="30">
<option value="url(http://4.bp.blogspot.com/-5WAy9BVDJjI/UJvy934eIpI/AAAAAAAAAdI/zwROKIbMI2w/s1600/308106_475863575778225_1050745421_n.jpg) repeat center center fixed" />Eno Parno Abiezz
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Logo Naruto
<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/AVvXsEh7fLUUHvg47wqIRMrScbxfX7SlDdyNI2JYf5pyLKQqhispZ2g22OIuk46soQEOF1ZB-KsASwaGXsYq_D4PUFAQsr6DWCFnRPhWyLXSq3NU2TJDtZJwn3pH9wa5zKJLtNXyl6R0u9vJsWqr/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" />Death Note 2
<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 Akatsuki
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
<option value="url(http://i797.photobucket.com/albums/yy258/lawson1690/noel/detectiveconan7.jpg) repeat center center fixed" />Detektif Conan
<option value="url(http://www.gifmania.co.uk/cartoons/Doraemon/doreamon02.gif) repeat center center fixed" />Doraemon
<option value="url(http://ilovemygoogle.files.wordpress.com/2011/11/ilusi-hipnotis.jpg) repeat center center fixed" />Spiral
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdRFraav6R8ZQE2U0prhJa5u9BSQbCbOeJlrJ-azsRKWvc9q08iYGuR6eX0Insw5eSfEruDL0WKD2bmCHorV_EsNIoZtv7Cg7vej4O84u1p7h5BcwwLbCNLYT26Js2UfHnlbmK7XKJvY/s1600/hypnosys-image-1.jpg) repeat center center fixed" />Abstrak
<option value="url(http://i1198.photobucket.com/albums/aa460/silverwolf028/Bhbarubal_vault.gif) repeat center center fixed" />PB, BlackHawk, BHbarubal, Ghost Rider
<option value="url(http://i252.photobucket.com/albums/hh27/wajddyuono/che_guevara_druze.png) repeat center center fixed" />Che Guevara
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Light Green Matrix
<option value="url(http://i440.photobucket.com/albums/qq122/gene11111/matrix.gif) repeat center center fixed" />Green Chinese Matrix
<option value="url(http://i210.photobucket.com/albums/bb246/yum484/Bleach-matrix.jpg) repeat center center fixed" />Bleach Reloaded
<option value="url(http://i141.photobucket.com/albums/r49/xX-BIGC-Xx/RedBlueMatrix.gif) repeat center center fixed" />Red Blue Matrix
<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://japarus.xtgem.com/blogspot/th_MATRIX5.gif) repeat center center fixed" />Number Matrix
<option value="url(http://japarus.xtgem.com/blogspot/red-matrix-request-animated.gif) repeat center center fixed" />Red Matrix
<option value="url(http://i354.photobucket.com/albums/r423/putralibra/dividers_105.gif) repeat center center fixed" />Laser Matrix
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_25h7VRn6gyNskKVfAR39MrmzCCeCcupi-6tQEGVPCq6388cURa7_ydepde6jsnTTBMltEZmDibWmUki7aG3kw4VYW13AjjXkXjftMFwt09gCiVZsOjjsiVwAgzWxK150v9wYlTK1vmN/s1600/papers.jpg) repeat center center fixed" />Kertas Lecek
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUSvGrhWLY9vL4hi2RCVanHFXSAzFntfQuykCp6Q6tOa9lmY5Zymv-DvvLyOxZgB5csaIKEDiftNptXlEbPLjHmtw4IrjvQvFjwytB0cdN5pcBi1atucM9Wjs0E4x47mpEcKklr6AqB9A/s0-r/sakura-naruto-sasuke-akatsuki-naruto-shippuuden-452719_1280_1024.jpg) repeat center center fixed" />Naruto Akatsuki
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_a0paAh8lHPkcmGaSdwGfVx0sLimChCiyz-qg_9DsOqoyRAAjJT0UXjueITOI1K_h_sPBmlmIwX-hjHXzPsl4ehg0anv5lOfxk-0NC-VTkvgVNQMoSdCSiD2-VuBGOAqrft5jSqFwa8/s1600/LuKiSan_TeRmaHaL.bmp) repeat center center fixed" />Abstrak Warna-Warni
<option value="url(http://www.gifmania.co.uk/astronomy/galaxy/solarsystem.gif) repeat center center fixed" />Solar System
<option value="url(http://japarus.xtgem.com/blogspot/28.gif) repeat center center fixed" />Tengkorak Gantung
<option value="url(http://i1126.photobucket.com/albums/l611/budilht/indonesiaBENDERA.gif) repeat center center fixed" />Bendera Indonesia
<option value="url(http://bestanimations.com/Holidays/Fireworks/animatedfireworks-14.gif) repeat center center fixed" />Firework 1
<option value="url(http://bestanimations.com/Holidays/Fireworks/animatedfireworksgif-12.gif) repeat center center fixed" />Firework 2
<option value="url(http://www.gifmania.co.uk/association-football/real_madrid/Real_anime.gif) repeat center center fixed" />Real Madrid
<option value="url(http://www.gifmania.co.uk/Dragonball/goku/b30.gif) repeat center center fixed" />Dragonball
</select></center></span></blink></center>
</div>
<div class='clear'></div></div></div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-widget-ganti-gambar.html" target="_blank">Mau Widget Ini?</a></small>
Keterangan :
- Warna hijau adalah judul tabel, silahkan kamu ganti dengan selera yang kamu mau.
- Warna merah adalah judul gambar background, silahkan kamu ganti dengan selera yang kamu mau.
- width="180" adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
- height="30" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
- Warna ungu adalah URL gambar background, silahkan kamu ganti dengan selera yang kamu mau.
5. Simpan Pengaturan.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
No comments:
Post a Comment