Home » » Membuat Tombol Pengganti Warna Blog

Membuat Tombol Pengganti Warna Blog

Written By Satriyo Arif on Kamis, 12 Januari 2012 | 00.40

Sebagai alternatif, anda dapat menampilkan background blog dengan berbagai pilihan warna. Pilihan warna tersebut ditampilkan dalam bentuk tombol yang berisi warna-warna yang apabila diklik, background blog anda akan berubah sesuai warna yang dipilh.

Demo :
#2E0000')" bgcolor="#2e0000">#570000')" bgcolor="#570000">#141543')" bgcolor="#141543">#434351')" bgcolor="#434351">#154511')" bgcolor="#154511">#6AA366')" bgcolor="#6aa366">#423215')" bgcolor="#423215">#88672B')" bgcolor="#88672b">#0B0DA8')" bgcolor="#0b0da8">#6F70D3')" bgcolor="#6f70d3">#8612A1')" bgcolor="#8612a1">#12A19A')" bgcolor="#12a19a">#0C6E69')" bgcolor="#0c6e69">


Coba anda klik salah satu warna diatas untuk melihat perubahan backgroung blog EPG Studio.

Cara memasang pada blog anda :
  1. Masuk ke Blogger.
  2. Pilih Rancangan bagian Elemen halaman.
  3. Klik tambah Gadget pada bagian blog yang ingin anda tampilkan tombol warna.
  4. Pilih HTML/JavaScript.
  5. Copy sript dibawah ini dan paste pada kolom yang tersedia.
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="25px">
<tbody><tr>
<td onclick="bgChange('#2E0000')" bgcolor="#2e0000">
</td>
<td onclick="bgChange('#570000')" bgcolor="#570000">
</td>
<td onclick="bgChange('#141543')" bgcolor="#141543">
</td>
<td onclick="bgChange('#434351')" bgcolor="#434351">
</td>
<td onclick="bgChange('#154511')" bgcolor="#154511">
</td>
<td onclick="bgChange('#6AA366')" bgcolor="#6aa366">
</td>
<td onclick="bgChange('#423215')" bgcolor="#423215">
</td>
<td onclick="bgChange('#88672B')" bgcolor="#88672b">
</td>
<td onclick="bgChange('#0B0DA8')" bgcolor="#0b0da8">
</td>
<td onclick="bgChange('#6F70D3')" bgcolor="#6f70d3">
</td>
<td onclick="bgChange('#8612A1')" bgcolor="#8612a1">
</td>
<td onclick="bgChange('#12A19A')" bgcolor="#12a19a">
</td>
<td onclick="bgChange('#0C6E69')" bgcolor="#0c6e69">
</td>
</tr>
</tbody></table>




  • Klik tombol Simpan.

  • Keterangan :

    1. Perhatikan kode warna yang berwarna kuning dan kode warna yang berwarna putih.
    2. Kedua warna tersebut setiap barisnya harus sama agar warna yang muncul pada tombol jika diklik warna background blog akan sama dengan warna yang diklik tadi.
    3. Gantilah kode-kode warna diatas dengan warna yang ingin anda tampilkan.
    Selamat Mencoba Semoga Berhasil


    Kontak Kami:
    Jl. pemuda no. 4A (kawasan PKL stempel Kantor Pos Johar Semarang)
    Phone : 085641156748
    024 40256748
    Pin BB : 311DAEE5

    0 komentar :

    Posting Komentar

    Berita Terbaru :

     
    Support : Stempel Semarang | Master Trik Blog | Belajar SEO
    Copyright © 2013. Blog Tutorial Bojonegoro - All Rights Reserved
    Template Created by Creating Website Published by Mas Template
    Proudly powered by Blogger