Breaking News
Loading...

Merubah Warna Background Blog Pakai Html/Javascript

17.43
 Tips blogging kali ini adalah tentang mengganti warna background blog berbeda beda sesuai keinginan pengunjung maksudnya jika biasanya kita melihat sebuah background sebuah blog itu berwarana putih atau hitam dan tidak bisa berubah karena sudah disetting oleh pemiliknya.

http://1.bp.blogspot.com/_OjoetO-LbCI/TOU5ZN2YpJI/AAAAAAAAARg/z7EpMqwrN9k/s1600/BG_Design.jpg

Nah untuk kali ini saya akan sedikit memberikan tips yang saya dapat dari blog blog senior yang saya lupa lagi nama blognya jadi maaf jika tidak di pajang alamat url nya atau linknya dipostingan ini, oke sobat jika masih merasa bingung dengan judul diatas yaitu cara membuat warna blog berbeda beda tipa postingan .

Anda bisa melihat pada blog ini (jika masih saya pasang) ada beberapa tulisan dimenu sidebar berupa nama nama warna dari mulai putih merah dan lain lain, nah warna warna tersebut jika sobat tekan maka akan berubah gambar background diblog ini kalo tidak percaya buktikanlah hehe...

jika sudah sekarang kita langsung kasih cara simpel dan mudah membuat background warna blog berbeda beda yaitu anda cukup copy kode berwarna orange dibawah ini kemudaian
simpan pada menu sidebar yang anda suka dangan cara seperti biasa yaitu masuk ke blogger kemudian dasbor lalau pilih rancangan kemudain pilih "tambah gadget" pada sidebar maka ketika muncul jendela pilihan maka pilih tambah HTML /javascript


 <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')" />

Setelah disimpan kode diatas jangan lupa kliksimpan template dan lihat hasilnya maka pada tempat dimana diletakan kode tersebut akan tampil pilihan warna seperti gambar dibawah ini



0 komentar:

Posting Komentar

Terima kasih sudah mau berkunjung ke Blog sederhana ini, Tidak ada salahnya untuk memberikan komentar untuk kemajuan blog ini.
Catatan komentar yang tidak ditampilkan :
1. Komentar SPAM
2. Komentar tidak bermutu / tidak nyambung.
3. Memasukan Link ke dalam kotak komentar blog.

 
Toggle Footer