Sabtu, 12 Februari 2011

Cara Membuat Widget Pengubah Background Otomatis

Setelah beberapa hari yang lalu saya memposting tentang Cara Membuat Widget Pengetik Otomatis yaitu salah satu widget blog yang dapat mengetikkan kata-kata yang diinginkan secara otomatis dan tentunya telah diatur oleh sang admin terlebih dahulu apa yang nantinya akan diketikkan secara otomatis. Nah sekarang saya akan memposting suatu widget yang masih berhubungan dengan keotomatisan. Yaitu Cara Membuat Widget Pengubah Background Blog Otomatis.

Widget ini berguna bagi Anda yang bosan terhadap tampilan background blog Anda dan ingin melihat warna lain tanpa mengganti template. Pengunaannya pun sangat mudah. Hanya tinggal klak-klik daaan....berubah! Oke deh bagi yang ingin mengetahui contoh widgetnya liat di blog ini. Klik warna kesukaan Anda pada widget yang berada di sidebar, di bawah kolom pencarian Google. Bagus kan? Ayo sekarang lanjutkan membaca ke paragraf selanjutnya untuk mengetahui bagaimana cara membuatnya!


Beginilah cara membuatnya:
1. Login ke akun blogger Anda,
2. Pada dasbor klik rancangan lalu klik tambah gadget dan pilih yang HTML/JavaScript,
3. Kopi script di bawah ini lalu pastekan di menu HTML/JavaScript tadi,

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table>

4. Klik simpan dan lihat blog.

4 komentar:

Eitss..., baca dulu dong baru komen! :D