Membuat tombol untuk mengganti warna background blog

Cara Membuat Tombol Untuk Mengganti warna Background Blog

Assalamualaikum dan Selamat Pagi Semua,,pagi ini saya menyempatkan untuk membagikan tombol untuk menggonta-ganti warna background/latar belakang blog kita.

Sebelum memulai membuatnya ijinkan saya berbicara sesuatu dulu,,yaitu :

Mengenai judul di atas,, saya belum tau apakah semua blog [blogspot] bisa menggunakan widget ini, dikarenkan blog saya cuman satu jadi otomatis saya tidak bisa mencobanya di blog lain,,namun alhamdulillah widget ini berfungsi  99% di blog saya, jadi sebelum mencobanya di sarankan untuk berdoa terlebih dahulu untuk para korban bencana dan keberhasilan pemasangan widget ini di blog anda. :D

Untuk contoh silahkan lihat dan klik yang di bawah ini

 ( jika tidak berubah , maka tidak sesuai dengan blog saya )    Nah sudahkan,,cara menambahkanya di blog anda cukup mudah,,mau tau?? 
Gini caranya.....
1. Masuk dulu ke akun blogger anda
2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :

<script type="text/javascript">
function bgChange(bg)
{document.body.style.background=bg;}
</script>
<table border="1"><tbody>
<tr>
<td bgcolor="#FF0000" height="20" onclick="bgChange('#FF0000') width=" width="20"></td>
<td bgcolor="#FFFF00" height="20" onclick="bgChange('#FFFF00') width=" width="20"></td>
<td bgcolor="#008000" height="20" onclick="bgChange('#008000') width=" width="20"></td>
<td bgcolor="#0000FF" height="20" onclick="bgChange('#0000FF') width=" width="20"></td>
<td bgcolor="#800080" height="20" onclick="bgChange('#800080') width=" width="20"></td>
</tr>
<tr>
<td bgcolor="#00FFFF" height="20" onclick="bgChange('#00FFFF') width=" width="20"></td>
<td bgcolor="#FF00FF" height="20" onclick="bgChange('##FF00FF') width=" width="20"></td>
<td bgcolor="#FFA500" height="20" onclick="bgChange('#FFA500') width=" width="20"></td>
<td bgcolor="#800000" height="20" onclick="bgChange('##800000') width=" width="20"></td>
<td bgcolor="#000000" height="20" onclick="bgChange('#000000') width=" width="20"></td>
</tr>
<tr>
<td bgcolor="#C0C0C0" height="20" onclick="bgChange('#C0C0C0') width=" width="20"></td>
<td bgcolor="#FFFFFF" height="20" onclick="bgChange('#FFFFFF') width=" width="20"></td>
<td bgcolor="#FFA500" height="20" onclick="bgChange('#D2691E') width=" width="20"></td>
<td bgcolor="#FFC0CB" height="20" onclick="bgChange('#FFC0CB') width=" width="20"></td>
<td bgcolor="#4B0082" height="20" onclick="bgChange('#4B0082') width=" width="20"></td>
</tr>
</tbody></table>

Ket. :  
~ Untuk menambahkan warna kesukaan anda tinggal copas kode seperti ini  

<td    bgcolor="#4B0082" height="20" onclick="bgChange('#4B0082') width=" width="20"></td>

~ Kode #4B00082 adalah kode warna,,jika ingin melihat kode warna silahkan klik DI SINI

~ Untuk menghapus warna yang telah ada,, hapus kode seperti yang di atas.

 

5. Save Lalu Lihat Hasilnya




Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.

Posted in: Tutorial Blog