Wednesday 6 July 2011

Tips Automatic Merubah Warna Background Blog Sesuai Keinginan Pembaca

Alhamdulillah Malam ini saya hendak membuat postingan baru lagi, setelah Blogwalking kesana kemari saya tertarik sama salah satu blog yg saya temui, di situ tersedia form untuk memilih theme warna background sesuai dengan keinginan pembaca, muungkin aja ada pembaca yang tidak suka dengan warna background Template kita (Ini Khusus blog yang warna backgroundnya memakai warna dari HTML bukan yang memakai image/gambar),  klo image saya belum mencuba masih, silahkan anda cuba sendiri jika template blog anda memakai image. Baiklah sekarang saya ingin membuat tutorial temtang Merubah Warna Background Blog Sesuai Keinginan Pembaca. berikut langkah langkah-langkahnya:
1. Login ke Blog anda (www.blogger.com)
2. Design (Rancangan)
3. Akan langsung active di menu elemen laman, klik Add a Gadget (Tambah Gadget)
4. Cari dan pilih  HTML/JavaScript
5. Copykan Kode Script di bawah ini
<div class="widget-content">
<center><b>Silahkan pilih warna Background kesukaan anda</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>
6. Simpan 
7. Silahkan susunkan atau pindahankan dimana letak/posisi widget ingin di letakkan.
keterangan : 
  • Teks yang berwarna biru bisa padam ganti dengan kata-kata kesuakaan anda.
  • Teks yang berwarna merah silahkan padam ganti dengan warna yang ingin sobat sediakan di Blog sobat (disarankan memilih warna-warna yang boleh atau sesuai dengan template), misalkan warna tulisan di blog sobat warna hitam, maka jangan membuat pilihan warna hitam juga), tak nampak pula tulisannya.. hehehe.
  • Jika ingin mangurangi pilihan warna, padamkan saja baris-baris pilihan warnanya warna, <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"> </td>, dan maksudnya anda nak buang satu warna tersebut, padam saja garis merah <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"> </td>, dan jika ingin menambah pilihan warna silahkan copykan baris code
Selesai dad, senang aja kan, Tak ada salahnya kita menyiapkan suatu menu yang boleh membuat para pembaca senang dengan memilih warna kesukaan mereka.  demikian sedikit tips dari saya.

Semoga Bermanfaat


Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

0 comments: