Tuesday, 13 August 2013

cara membuat background blog berubah-ubah

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,





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.


 <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://i296.photobucket.com/albums/mm199/aoife_dior/Blue-Matrix1.gif) repeat center center fixed" />Blue Matrix
    <option valte="url(http://footballwallpapers.eu/wp-content/uploads/2012/07/ricardokakarealmadri_1366x768_453164-1024x640.jpg) repeat center center fixed" />Ricardo Kaka
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDrhSLNMlItV1dGL7_bAzeuzZH4YKxCN1kl1EmI_v2F3_QpDIrEupXUvRrh2Mim_piNcA_OeBe9BXud-XUI7XOiNqZHYu-S32_ZH62g90oWQR1iVTwCu9rZh_QsSqG6Q1l1iNXtzanW9D5/s1600/Super+El+Clasico5.jpg) repeat center center fixed" />El Clasico
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOryUHzwrpH26m5QPUnd5dQodWISVCdODWG6tXsKrOYpaBxG59GzCcHBBv8CUcBNF0LiS9xzoOpMPq2RK5JPYWKc8tDywwj4okMHSsN4_Fc8KZ6N_DusGWgye3D6WkiWWl49SsLwhDmFRt/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1
    <option value="url(http://soccerball365.com/wp-content/uploads/2012/12/Gianluigi-Buffon-Juventus-wallpaper.jpg) repeat center center fixed" />Buffon
    <option value="url(http://wallpaperen.com/wp-content/uploads/2013/01/ibrahimovic-2013-hd-wallpaper.jpg) repeat center center fixed" />Ibrahimovic
    <option value="url(http://footballimages.info/wp-content/uploads/2012/11/franklampardchelsea2_1366x768_452767-1024x640.jpg) repeat center center fixed" />Lampard

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxMpBF141WGNMkh3oY1rtOqxW7taKgi9Bd1oi8OaHXMvs6xx3pc_8pb4MyGqx8LSX9bzpGmm5jW0J95-ni_sYsprEp8ueufAOBE3XQXLPHNHWntQxz0sHXoUC13M6KRcmZuJ-7Q_KwAc/s1600/Lionel+Messi+wallpapers+2013+Terbaru.jpg) repeat center center fixed" />Lionel Messi
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZnFNy317XiaEeazoMEwYFbrYQvT3tIjiJvYX5FhfNMhSEBFzOPXiF_6CcmT6oxzwUazaGBCugLkyZ8SW-nFk2QOhQlGQp2dZuitnoKWeloAPFdMGjj48vq3Si4uH2mYJvMqxgV7npoaY/s400/First+Team+Barcelona+2013+Wallpaper+HD.jpg) repeat center center fixed" />FC Barcelona
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPO-tO1JigLPYoV8pjsRXIUyCiTWELIOoesFdvr3Rxd718lSxcFdD6lLgD-AxGON6H0H253soIXMRFgawBaCEvf9otIzgydJVRbgThaiwqmEzlyIuHOAHb9qno7hMW2geuYoB6K71ehRk/s400/Cesc+Fabregas+Wallpaper+2013.jpg) repeat center center fixed" />Cesc Fabregas
    <option value="url(3.bp.blogspot.com/-do3ru9IWMzw/UJP5FZEwPLI/AAAAAAAACQg/Uf3fUCv2eAY/s400/Steven+Gerrard+Liverpool+HD+Wallpapers+2012.jpg) repeat center center fixed" />Steven Gerrard
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWtgGAaUC08LhPwOdvN6TXcMnNye9N428d3EFqIV9fL19TT66empu21PTOMgaBfk2ZsLNZOVIBgo01XE5ueDFWJmWqI1TZhDsG8ua1M9vf_6MknilbJgyS9dZAvOJ6m-rMoI89wjemrQ/s400/Olivier+Giroud+Arsenal+2013+Wallpapers+HD.jpg) repeat center center fixed" />Olivier Giroud
    </select></center></center>
    </div><br/><center><a href="http://fardancyberr.blogspot.com/2013/01/cara-pasang-background-berubah-ubah-di.html" target="_blank">Clik untuk pasang widget ini</a></center>


No comments:

Post a Comment