Wednesday 12 December 2012

Cara Membuat Widget Untuk Mengganti Warna Background Di Blog

Cara Membuat Widget Untuk Mengganti Warna Background Di Blog "

Widget Untuk Mengganti Warna Background Di Blog memang sangat-sangat membantu para Admin Blog dan Pengunjung Blog, karena keuntungan bagi Admin Blog yaitu tidak perlu pusing dan capai mengganti warna background secara manual dengan mengedit template, dan memudahkan para pengunjung tentunya dalam membaca atau melihat konten Blog, oleh sebab itu banyak blogger yang menggunakan widget ini. Untuk membuat widget tersebut lihat dibawah ini.
 
Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget 
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :
 
<!-- Background - http://wizyuloverz.blogspot.com - Start -->
 
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="25px">
<tbody><tr>
<td onclick="bgChange('#2E0000')" bgcolor="#2e0000">
</td>
<td onclick="bgChange('#570000')" bgcolor="#570000">
</td>
<td onclick="bgChange('#141543')" bgcolor="#141543">
</td>
<td onclick="bgChange('#434351')" bgcolor="#434351">
</td>
<td onclick="bgChange('#154511')" bgcolor="#154511">
</td>
<td onclick="bgChange('#6AA366')" bgcolor="#6aa366">
</td>
<td onclick="bgChange('#423215')" bgcolor="#423215">
</td>
<td onclick="bgChange('#88672B')" bgcolor="#88672b">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
<td onclick="bgChange('#EEF2F7')" bgcolor="#EEF2F7">
</td>
<td onclick="bgChange('#12A19A')" bgcolor="#12a19a">
</td>
<td onclick="bgChange('#0C6E69')" bgcolor="#0c6e69">
</td>
</tr>
</tbody></table>
<!-- Background - http://wizyuloverz.blogspot.com - End -->
 
6. Sahabat bisa mengganti Warna Backround sesuai keinginan sahabat dengan mengganti tulisan berwarna Kuning dan Biru dengan Angka yang sama Contoh : #0C6E69 & #0c6e69
7. Apabila Sudah Di Copy Silahkan Simpan/Save Windget
8. Simpan Widget pada posisi atau tempat yang sahabat inginkan.
 
Sumber : http://wizyuloverz.blogspot.com
 

Artikel Terkait

[archives limit=10]

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management