• 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,

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • 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