Masukkan Nama dan Email Anda Disini!!! Gratis Artikel Terbaru

Email Not Spam Mate! I'm promise.

Kamis, 19 Desember 2013

Cara Membuat Tombol Mengganti Background Blog

Meskipun ini sudah termasuk di penghujung tahun 2013 namun saya sempatkan untuk membagikan bagaimana Cara Membuat Tombol Mengganti Background Blog di blog sobat. Saya sendiri juga sudah menerapkan hal ini di blog ini juga tentunya (Coba anda lihat di bagian pojok kanan bawah blog ini). 

Oke... Bagi yang mau silahkan simak info berikut

Langkah-langkahnya :
1. Login dulu Blogger Sobat
2. Masuk ke Tata Letak/ Rancangan
3. Tambahkan Gadget/Widget baru
4. Pilih HTML/Javascript
5. Copy script di bawah ini dan Paste kan di HTML/Javascript yang sobat buat tadi


<div class="widget-content">
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">GANTI BACKGROUND</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
</select></center></center>
</div><br/><center></center>
</div><br/><center><a href="http://rikwanbarutu.blogspot.com/2013/12/cara-membuat-tombol-mengganti-background.html" target="_blank">Pasang Seperti Ini</a></center>

6. Klik simpan dan lihat hasilnya

    Nah.....bagaimana mudah mukan???  Selamat Mencoba!!!

Keterangan:
Teks/Url yang berwarna merah adalah url gambar background (Silahkan Ganti dengan Url gambar anda dan teks yang berwarna biru adalah nama background

Jangan lupa untuk meninggalkan komentar anda dibawah postingan ini. Terima Kasih.

Written by: Rikwan Barutu
BLOG SI-BRUTU, Updated at: 19.25
Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →
Powered By: BLOG SI-BRUTU

1 komentar:

  1. Ok gan Terimakasih .. Infonya

    Mampir ke blog Saya yah :v
    http://yudayudiarto.blogspot.com/

    BalasHapus