Pin It

Widgets

Tutorial : Cara Mengganti Background Blog Outomatik

on Sunday, 27 May 2012




 
Cara Mengganti Warna Background Blog automatik. Banyak cara untuk membuat variasi dan Mencantikkan tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background automatik ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan keselesaan sehingga mereka jemu membaca di blog kita.
 
Cara Mengganti Background Blog :

Langkah 1

Login ke dashboard blogger anda.

Langkah 2

Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

Langkah 3

Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</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('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

Langkah 4

Sila edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna hitam dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.

Langkah 5

Save / Simpan.

Ranking: 5

{ 0 ulasan... read them below or add one }

Post a Comment

Terima kasih kerana memberi komen. Sila datang kembali ya !

Kami akan cuba membalas komen anda secepat yang mungkin.

 
© BLOG BUDAK BAEK All Rights Reserved