Membuat Background Blog Berubah-ubah Warna New 2013

Membuat Background Blog Berubah-ubah Warna New 2013 - Selamat berjumpa lagi dengan Blog Agus, Kali ini ane mau memberikan ataupun berbagi Scrip yang langsung bisa di pasang di Gatget sobat semua. Mungkin sobat semua sempat bertanya tanya ...:D kok background Blog ane bisa berubah warna menurut selera kita ataupun sobat semua.

Nah ini dia rahasianya .......
et et nanti dulu ane mau cerita kenapa ane memposting mengenai Membuat Background Blog Berubah-ubah Warna. Sebenarnya semua itu bisa menjadi sebuah dilema bagi ane maupun sobat semua. Disatu sisi anda mungkin sudah merasa sreg dengan tampilan blog anda. Namun disisi lain anda pun dituntut bisa memberikan sebuah kenyamanan pagi para pengunjung di blog anda.

Ada dua cara yang bisa anda lakukan. Yang pertama anda bisa pasang sebuah widget di sidebar yang berisi sekumpulan warna. Dimana saat warna di dalam widget tersebut diklik, akan merubah warna background anda secara otomatis. (untuk contoh widget, bisa anda lihat di sidebar pojok kanan atas blog ini).

Contoh Gambar

seperti biasa Klik Rancangan - Tambah Gaddget -  pilih HTML/Javascript.  Lalu masukkan script di bawah ini.

<center>
<script type="text/javascript">
 function bgChange(bg)
 {
 document.body.style.background=bg;
 }
 </script>
 <table border="1" height="30" style="width: 120px;">
 <tr>
 <td onclick="bgChange('#000000')" bgcolor="#000000"></td>
 <td onclick="bgChange('#FFD700')" bgcolor="#FFD700"></td>
 <td onclick="bgChange('#FF00FF')" bgcolor="#FF00FF"></td>
 <td onclick="bgChange('#DCDCDC')" bgcolor="#DCDCDC"></td>
 <td onclick="bgChange('#00BFFF')" bgcolor="#00BFFF"></td></tr>
<tr>
 <td onclick="bgChange('#008000')" bgcolor="#008000"></td>
 <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td>
 <td onclick="bgChange('#DDA0DD')" bgcolor="#DDA0DD"></td>
 <td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF"></td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"></td>
 </tr>
 </table>
</center> 

Catatan : Warna HIJAU silahkan diganti sesuaikan dengan besar sidebar sobat
                Warna BIRU silahkan diganti sesuai keinginan sobat

Contoh : coba klik salah satu warna di kotak di BLOG ini

Referensi warnanya silahkan KLIK DISINI 

Cara yang kedua sebenarnya hampir sama dengan cara yang di atas. Cuma kali ini bukanlah widget warna yang nantinya akan dipasang di sidebar. Tapi akan membuat sebuah efek warna background berubah secara otomatis saat direfresh.

<script type='text/javascript'>
//CDATA[
var bgcolorlist=new Array("#7FFFD4", "#BDB76B", "#00BFFF", "#DCDCDC", "#FFD700", "#FFFF00", "#008000", "#FFFFFF")
document.body.style.background=bgcolorlist
[Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>

Catatan : Warna MERAH silahkan diganti sesuaikan dengan warna keinginan sobat.
                  Silahkan menambahkan warna kalau perlu ....

lalu SIMPAN dan lihat hasilnya.

Bagaimana sob ...... lebih mudah dan simple kan ...!!! sobat semua tinggal tempelkan saja dan jadi deh, blog sobat sudah bisa berganti - ganti dengan warna kesayangan ya kan ......:D

Oh ya tidak semua template bisa dipasang script ini. Jadi jika saja anda mencoba pasang dan tak berefek apa-apa, Jangan kaget ya hahaha.   

oklah sob cukup sudah ane cuap-cuap disini mengenai  Membuat Background Blog Berubah-ubah Warna New 2013. Dan setelah ini ane mau mencari nafkah kembali untuk keluarga ane di dunia nyata. bila bermanfaat silahkan sobat follow blog ini atau silahkan tinggalkan jejak ok bro

salam 

.

Artikel Menarik Lainnya

Terimakasih, sudah meluangkan waktunya untuk membaca artikel saya yang berjudul Membuat Background Blog Berubah-ubah Warna New 2013 . Anda bisa menemukan artikel ini dengan url http://mustagustz.blogspot.com/2013/06/membuat-background-blog-berubah-ubah.html , anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Background Blog Berubah-ubah Warna New 2013 ini sangat bermanfaat bagi anda dan mungkin teman anda, tetapi jangan lupa untuk meletakkan link Membuat Background Blog Berubah-ubah Warna New 2013 sebagai sumbernya. Jadilah blogger yang ber-etika! Wassalam

Posted in: Tips Blogging