Cari Artikel Blog Ini

Total Tayangan Halaman

PASANG TOMBOL PENGGANTI BACKGROUND BLOG

Modifikasi background blog secara keseluruhan, umumnya kita lakukan melalui edit HTML. Cara itu hanya menampilkan satu jenis warna sesuai dengan kode warna yang dipilih.
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 :















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>

  6. Klik tombol Simpan.
  7. 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.

Bagi anda yang merasa kesulitan dengan kode warna, dapat anda kunjungi : KODE WARNA VERSI 3

Selamat mencoba, semoga bermanfaat.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
9 Comments

9 komentar :

Computer mengatakan...

pertamax terimakasih infonya gan
bila tidak sibuk visit my blog

arif hanifan mengatakan...

keren, patut dicoba ini infonya. makasih ya.

komputer elektronik mengatakan...

kalo BACKGROUND nya gambar kita ?

Ary_Putra mengatakan...

Sob. aku tertarik ma postmu yg ini neh. ijin nyoba ya gan. oya link dah ku pasang lo gan, jgn lupa backlink gan. Thx

SI Gondronk mengatakan...

Gan Nie backgroundny hanya u/ satu warna ja klw mw membuat kyak background blog ini gmana ya caranay....
mhon petunjuknya...

Ades mengatakan...

@SI Gondronk : Untuk membuat tombol pengganti background dengan image lihat MEMBUAT TOMBOL PENGGANTI BACKROUND IMAGE

Admin mengatakan...

mantap

Riekha mengatakan...

ajib boss!!

melq mengatakan...

kalau warnanya diganti dengan background sendiri gmna ??

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!