Cara Mudah Membuat Widget Tombol Penganti Backgroud Blog

FansValak

Yah kali ini saya akan membagikan cara membuat widget tombol untuk mengganti warna background pada theme atau template blog kamu. kenapa si harus memasang kak ? yah ini tentunya akan membuat blog kamu semakin cantik sebenarnya ini opsi si buat kamu.

Baik sekarang langsung saja kita ke tutorialnya agar kamu tidak penasaran, oh iyha script yang kali ini kita gunakan adalah javascript.

Cara memasang widgetnya :
1. Silahkan bisa masuk ke blogger kamu ⇒ Tata letak ⇒ Tambahkan Gagdet ⇒ pilih HTML/Javascript

2. Lalu masukan kode di bawah ini

<script type='text/javascript'>

function bgChange(bg)

{document.body.style.background=bg;}

</script>

<table border="1" height="50"style="width: 150px;">

   <tr>

      <td onclick="bgChange('#22313F')"bgcolor="#22313F"></td>

      <td onclick="bgChange('#2ABB9B')"bgcolor="#2ABB9B"></td>

      <td onclick="bgChange('#22313F')"bgcolor="#22313F"></td>

      <td onclick="bgChange('#DCDCDC')"bgcolor="#DCDCDC"></td>

      <td onclick="bgChange('#00BFFF')"bgcolor="#00BFFF"></td>

   </tr>

   <tr>

      <td onclick="bgChange('#311b92')"bgcolor="#311b92"></td>

      <td onclick="bgChange('#1F3A93')"bgcolor="#1F3A93"></td>

      <td onclick="bgChange('#1a237e')"bgcolor="#1a237e"></td>

      <td onclick="bgChange('#FFFFFF')"bgcolor="#FFFFFF"></td>

      <td onclick="bgChange('#37474f')"bgcolor="#37474f"></td>

   </tr>

</table>

🔃 Note : 

kamu bisa menganti warnanya sesukamu, silhkan bisa pilih warna kesukaanmu pada color picker .

DEMO

Selain dengan widget kamu juga bisa menambahkan dengan tag input berikut :

<input type="button"value="Merah"onclick="bgChange('#ff0000')" />
<input type="button"value="Orange"onclick="bgChange('#ffd000')" /> 
<input type="button"value="Putih"onclick="bgChange('#ffffff')" />
<input type="button"value="Kuning"onclick="bgChange('#ffff00')" />
<input type="button"value="Hijau"onclick="bgChange('#00ff00')" />
<input type="button"value="Pink"onclick="bgChange('#ff69ba')" />
<input type="button"value="Cyan"onclick="bgChange('#00ffff')" />
<input type="button"value="Biru"onclick="bgChange('#0000ff')" />

Nah itulah Cara Membuat Widget Tombol Penganti Backgroud Blog yang dapat saya bagikan, kamu bisa menerapkan pada blogger kamu sangat mudah kog penerapannya. Untuk tampilan kamu bisa sesuaikan dengan menambahkan CSS agar tampilannya sesuai dengan tampilan blog kamu,jika ada yang kurang jelas bisa ditanyakan di kolom komentar.

Bagikan di Facebook

Bagikan di Twitter

Bagikan di Google+

Bagikan di LinkedIn