Laman

Minggu, 26 Juni 2011

Membuat Warna Body Berbeda-Beda Warna

 

Waktu itu saya pernah tulis Link Berbeda Warna Di Setiap postingan kali ini bukan warna link lagi yang berganti warna, melainkan warna tampilan body bisa di ganti-ganti sesuka hati pengunjung! Jika anda tidak mengerti apa maksud saya bisa anda lihat deh contohnya disini


Udah liat kan contoh-nya? Berikut ini caranya!

>> Seperti biasa anda login dulu di Blogger
>> Rancangan/Design
>> Tambah Gadget/Add a Gadget
Gambar, Warna Blog Berbeda-beda, Blog berganti-ganti Warna,
>> Pilih HTML/javascript
Gambar, Blog Berbeda warna di setiap postingan, Blog Bisa Di Ganti
 warna oleh pengunjung,
Kemudian copy paste kode di bawah ini dan letakkan di HTML/javascript tersebut.

<script type='text/javascript'>
function bgChange(bg)
{document.body.style.background=bg;}
</script>
<input type="button" value="Putih" onclick="bgChange('#ffffff')" /><br />
<input type="button" value="Cyan" onclick="bgChange('#00ffff')" /><br />
<input type="button" value="Biru" onclick="bgChange('#0000ff')" /><br />
<input type="button" value="Merah" onclick="bgChange('#ff0000')" /><br />
<input type="button" value="Orange" onclick="bgChange('#ffd000')" /><br />
<input type="button" value="Hijau Lumut" onclick="bgChange('#00ff00')" /><br />
<input type="button" value="Kuning" onclick="bgChange('#ffff00')" /><br />
<input type="button" value="Merah Jambu" onclick="bgChange('#ff69ba')" />

Kemudian anda simpan dan lihat hasilnya.

Kalau mau menambahkan warna tinggal tambahkan kode seperti ini
<input type="button" value="Merah Jambu" onclick="bgChange('#ff69ba')" />

Kalau mau mengganti warna tinggal di edit yang berwarna merah, mungkin trik ini tidak suport dengan beberapa template!

Selamat Mencoba Dan Semoga Bermanfaat!

Tidak ada komentar:

Posting Komentar