• Translate

7/08/2015

Cara Membuat Tombol Pilihan Warna Background Di Blog

Tutorial Blogspot |

Advertisement

Cara Membuat Tombol Pilihan Warna Background Di Blog | Warna background pada dasarnya sangat penting untuk kenyamanan pengunjung. Dengan menggunakan Tombol Pilihan Warna pengunjung bisa mengubah background blog kita dengan sesuka hati. nah dibawah ini adalah contoh Tombol Pilihan Warna Backround yang ada di blog saya.


Untuk langkah-langkah Cara Membuat Tombol Pilihan Warna Background Di Blog silahkan ikuti tutorialnya dibawah ini :

1. Silahkan Login di Blogger dulu
2. Pilih Tata Letak → Tambah Gadget → HTML/JavaScript
3. Copy paste kode di bawah ini pada HTML/JavaScript.
<center>
<script type="text/javascript">
function bgChange(bg)
{
 document.body.style.background=bg;
}
</script>
Silahkan Pilih Warna Background :
<table border="1" width="300" height="40">
<tr>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
</td>
<td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
</td>
<td onclick="bgChange('#98FB98')" bgcolor="#98FB98">
</td>
<td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
</td>
<td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
</td>
<td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
</td>
<td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
</td>
<td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
</td>
<td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
</td>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
</tr></table>
<div class='clear'></div>
</center>
 Nb :
  • Warna : Judul Widget.
  • Warna : Ukuran Lebar dan Tinggi widget
  • Warna : Warna yang ditampilkan, bisa sobat ganti sesuai selera sobat. 
4. Simpan dan lihat hasilnya. 

Semoga Bermamfaat,

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.