Cara Membuat Background Berubah-Ubah
Sabtu, 10 Maret 2012
3
komentar
Siapa pun senang jika mempunyai blog yang keren dan tampil elegan, kali
ini saya akan berbagi tentang background yang bisa berubah-ubah sesuai
minat pengunjung nya, keren kan!! awalnya saya menemukan ini ketika
saya memodif script lazyload, akhirnya lazyload yg saya modif itu gak
berfungsi, script asli nya saya uda gak nyimpan,
dan saya mencoba browsing di google untuk menemukan lazyload
yang ingin pasang Widget Naruto fight di blog nya klik disini Cara Membuat Widget Naruto Fight
ya langsung aja deh....
Kalo mau demo lihat punya ane
1. Login ke blogger > rancangan template > tambah widget baru > pilih HTML/Javascript
2. Copy paste kode di bawah ini dan taruh di HTML/Javascript tadi
<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/AVvXsEgBPS95-4JNCQSSc7t7q1E6BlaC24ZlhakLV1XSQzHchN1LRrV5YZhdBDk_Fv6QAD1V3fZcw5-QmYxr4Z2GmAtfo_AdqsGPjUKf_d9kX89zK_w4YQcEn_zwmRr5vAKYWRBS4IZWe1qLXdHQ/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></center>
</div><br/><center><a href="http://hacker-baturaja.blogspot.com/2012/03/cara-membuat-background-berubah-ubah.html" target="_blank">Pasang Seperti Ini</a></center>
------------------------------------------------------------------------------------------------------
Simpan dan Lihat Hasilnya
Baca Juga
Warna Kuning Adalah Nama Background
dan warna biru url link gambar kalian
Jika Ingin Menambah Lebih Banyak Tambahkan kode ini setelah/dibawah yang berwarna kuning
------------------------------------------------------------------------------------------------------
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
------------------------------------------------------------------------------------------------------
Jika Ingin Mengubah Url Atau Nama Lihat Nomor 3 dan 4
Mudah sekali bukan? nah semoga tips ini bermanfaat saya tunggu komennya..:)
Sumber:klik Disini Gan
2. Copy paste kode di bawah ini dan taruh di HTML/Javascript tadi
<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/AVvXsEgBPS95-4JNCQSSc7t7q1E6BlaC24ZlhakLV1XSQzHchN1LRrV5YZhdBDk_Fv6QAD1V3fZcw5-QmYxr4Z2GmAtfo_AdqsGPjUKf_d9kX89zK_w4YQcEn_zwmRr5vAKYWRBS4IZWe1qLXdHQ/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></center>
</div><br/><center><a href="http://hacker-baturaja.blogspot.com/2012/03/cara-membuat-background-berubah-ubah.html" target="_blank">Pasang Seperti Ini</a></center>
------------------------------------------------------------------------------------------------------
Simpan dan Lihat Hasilnya
Baca Juga
Warna Kuning Adalah Nama Background
dan warna biru url link gambar kalian
Jika Ingin Menambah Lebih Banyak Tambahkan kode ini setelah/dibawah yang berwarna kuning
------------------------------------------------------------------------------------------------------
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
------------------------------------------------------------------------------------------------------
Jika Ingin Mengubah Url Atau Nama Lihat Nomor 3 dan 4
Mudah sekali bukan? nah semoga tips ini bermanfaat saya tunggu komennya..:)
Sumber:klik Disini Gan
0 komentar:
Posting Komentar