Tips Sederhana Membuat Menu pilihan Warna Latar Blog

Halo sahabat, kali ini Mas Andri akan memberikan contoh cara membuat menu pilihan warna latar baground pada Blog, gambar diatas adalah salah satu tampilan Blog saya sebelum perubahan, membuat pergantian warna pada Blog sebenarnya sangat mudah dan tidak begitu sulit untuk dipelajari, mungkin memang bingung bila kita tidak mengerti ilmunya, seperti mungkin yang anda bayangkan, tetapi bila kita mau belajar pasti bisa, oke deh langsung saja saya berikan tipsnya.

Gambar di atas adalah untuk contoh seperti yang sudah saya beri tanda anak panah juga keterangnnya, jika kita sudah terbiasda dengan bahasa HTML maka kan cukup mudah membuat apapun yang kita mau, layaknya Run pada OS pada system regeditnya, maka disitu pun kita bisa memerintahkan komputer dan bukan komputer memerintah kita hehe, wah lupa jadi ngelantur curhat curhat lagi, ingat lagi deh...

di bawah ini kode yang saya buat mengenai contoh diatas :

<center><script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> Silahkan Pilih Warna Latar Blog ini Sesuai Dengan kenyamanan Yang Anda Suka <table border="1" width="660" height="20"> <tr> <td onclick="bgChange('#FFFFFF')" bgcolor="white"> <td onclick="bgChange('#000000')" bgcolor="#000000"> <td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C"> <td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF"> <td onclick="bgChange('#98FB98')" bgcolor="#98FB98"> <td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6"> <td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA"> <td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9"> <td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB"> <td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA"> <td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3"> </td ></td ></td ></td ></td ></td ></td ></td ></td ></td ></td ></tr> </table> <div class='clear'></div></center>

Silahkan Kopy paste kode diatas, setelah itu tinggal mengkonfigurasikan ke HTML/Java Script, udah pada tau kali ya masuk blogger di elemen laman terus klik tambah gadget rebesss sudah tinggal kopy paste dan simpan, langsung ada bisa melihat hasilnya, untuk ukuran panjang lebar X tinggi bisa anda sesuaikan menurut yang kamu inginkan, tapi cek dulu saja di default kode saya, jika sukses baru silahkan anda berkarya untuk digunakan seperti apa, mungkin saudara bisa lebih dasyat karyanya hehe

Tambahan saja keterangan pada kode HTML/Java Scrept diatas jangan dirubah bila hasil nya akan seperti contoh diatas terbentuk setelah disimpan dan adanya penambahan dalam widget itu adalah penyusunan yang telah diterima oleh bidang screptnya, sudah jangan dirubah, agar tidak terjadi eror, sebenarnya cukup seperti dengan kode perintah seperti dibawah ini.

</td
></td

ya sekian deh,... anda bisa mencoba dan coba memperaktekannya, terimakasih dan semoga bermanfaat untuk anda, indahnya berbagi ilmu, salam untuk Blogger Indonesia dan Blog lainnya.