Cara Pasang Background Berubah-ubah | BHIBIT ARIANTO
Change Background of This Blog!


Lihat

 

Selasa, 30 April 2013

Cara Pasang Background Berubah-ubah

0 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 seperti awal semula, nah akhirnya ketemu si lazyload di blog teman dari referal google, backgroundnya bisa di ganti sesuai selera dan saya putuskan untuk berbagi dengan teman-teman, buat yang ingin melihat contohnya silahkan melihat yang ada di atas pojok kanan di blog .oke kita lanjutkan tutorial memasang background berubah-ubah. Langkah 1 Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript. Copy kod di bawah ini dan pastekan di dalam content html:
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {

filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:50px; left:25px;'>


<div class="widget-content"> <left><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);"><b>Change Background of This Blog!</b></span></blink><br /><br /> <left><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(https://lh5.googleusercontent.com/-nxxNXDFfpTg/UYtIjAqFjJI/AAAAAAAABfw/eq4DPzVDQu0/h120/Phoenix_Animation.gif) repeat center center fixed" />Fire phonix <option value="url(https://lh5.googleusercontent.com/-sSm4f1OE3lY/UYtOKO2BFZI/AAAAAAAABgs/jwTtf40EB1A/h120/horse_fire1.jpg) repeat center center fixed" />Fire horse <option value="url(https://lh5.googleusercontent.com/-nLZhi3ZolnY/UYtO9_8emcI/AAAAAAAABhc/Vsa0ZbFmSpg/h120/hujan.gif) repeat center center fixed" />Rain <option value="url(https://lh3.googleusercontent.com/-56UZeJumcEE/UYtRPavyo8I/AAAAAAAABho/izO_pbVYHfM/h120/ikan+komet.jpg) repeat center center fixed" />Ikan <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 </select> </left></left></div><br/><left><a href="http://bhibitarianto.blogspot.com/2013/04/cara-pasang-background-berubah-ubah.html" target="_blank"><b>Lihat</b></a></left>





</div>

klik Save. tereng!!! sekarang blog agan uda bisa dipilih-pilih background nya, untuk judul nya boleh kosong atau boleh juga di isi, saya sarankan di simpan di bawah header halaman. jadi pengunjung bisa memilih nya.semoga bermanfaat. silahkan tambahkan komentar anda jika terdapat kurang jelas dengan tutorial ini atau jika saya terdapat kesalahan. tampilan seperti ini:



Change Background of This Blog!


Lihat
selamat mencoba

0 komentar: