Tombol Untuk Mengganti Warna Background Di Blog

Buat para sobat Blogger yang bosan dengan tampilan backgroundnya pada Blog, disini saya punya 1 Trik yang sangat menarik dan tentunya sangat bagus untuk diterapkan di Blog kita.
Seperti halnya yang sudah saya lakukan, dan hasilnya memang sangat memuaskan.
Artikel ini saya dapatkan dari sahabat Blogger saya, Cpakank

Dan berikut ini adalah tampilannya, atau sobat juga bisa lihat pada Sidebar blog saya ini.
Silahkan pilih Warna yang ingin sobat tampilkan untuk melihat demonya.
                                                                                             



















                                                                                              

Baiklah, jika sobat tertarik mari kita langsung menuju ke TKP untuk lebih jelasnya.
  • Masuklah ke Dasbor blog sobat
  • Klik Rancangan
  • Masuk Ke Elemen Laman 
  • Lalu Add New Gadget
  • Pilih HTML/JavaScript
  • Kemudian masukan kode di bawah ini :
                                                                                               

<script type="text/javascript">
    function bgChange(bg)
    {
    document.body.style.background=bg;
    }
    </script>
    <table border="1" width="400" 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('#FA0D18')" bgcolor="#FA0D18">
     <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('#0C10F3')" bgcolor="#0C10F3">

     </td
></td
></td
></td
></td
></td
></td
></td
></td
></td
></td
></tr>
    </table>
                                                                                              

Keterangan :
width="400" : Untuk lebar (silahkan sobat ganti menurut keinginan sobat)
height="20" : Untuk tinggi (silahkan sobat ganti menurut keinginan sobat)
                                                                                               

Special Thank's : Cpakank

comment 1 komentar:

Raindra on Jun 28, 2011, 3:25:00 AM said...

mantep nih gan :x

Post a Comment

Berikut adalah beberapa aturan untuk memberikan komentar di blog ini :

1. Semua komentar kecuali spam dipersilahkan.
2. Anda dipersilahkan jika ingin membuat permintaan dan pertanyaan.
3. Jangan gunakan nama-nama seperti Admin, Penulis, Operator, atau yang lainnya untuk memberikan komentar karena akan membuat orang lain salah paham.
4. Tinggalkan Alamat Email/Url Blog Anda, jika Anda memberi komentar sebagai "Anonymous"

"Terima kasih banyak telah berkomentar"

Delete this element to display blogger navbar

 
© cagappaeh | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger