Rabu, 29 Februari 2012

Menampilkan Background Blog Dengan Pilihan Warna

Ini tentang cara menampilkan background blog berbasis blogspot dengan aneka pilihan warna. Saya contohkan pada blog acacicu (seperti gambar di bawah ini), dengan menampilkan sembilan pilihan warna. Tidak ada maksud lain selain hanya untuk variasi dan memanjakan pengunjung blog.


Cara membuatnya mudah :

1. Login ke dashboard blogger
2. Masuk ke rancangan, elemen halaman dan pilih gadget HTML/Javascript
3. Silahkan anda copy scrip di bawah ini, dan paste pada gadget

Copy Kode di Sini :

<div class="widget-content">
<center><b>MARI BERMAIN WARNA</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#FE9A2E')" bgcolor="#FE9A2E">
</td>
<td onclick="bgChange('#F4FA58')" bgcolor="#F4FA58">
</td>
<td onclick="bgChange('#ACFA58')" bgcolor="#ACFA58">
</td>
<td onclick="bgChange('#81F781')" bgcolor="#81F781">
</td>
<td onclick="bgChange('#BDBDBD')" bgcolor="#BDBDBD">
</td>
<td onclick="bgChange('#A9F5F2')" bgcolor="#A9F5F2">
</td>
<td onclick="bgChange('#8181F7')" bgcolor="#8181F7">
</td>
<td onclick="bgChange('#BE81F7')" bgcolor="#BE81F7">
</td>
<td onclick="bgChange('#F781F3')" bgcolor="#F781F3">
</td>
</tr></tbody></table>
</div>


4. Edit teks tulisan yang saya bolt hitam dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Tentang kode warna bisa dilihat di SINI.

5. Save dan selesai. Silahkan nikmati hasilnya dan semoga bermanfaat.

Tidak ada komentar:

Posting Komentar