Widget untuk Mengganti Warna Background secara Otomatis

Menggunakan kombinasi warna yang tepat agar tampilan blog menjadi lebih menarik dan elegan bisa menjadi alternatif bagi yang suka utak u...

Menggunakan kombinasi warna yang tepat agar tampilan blog menjadi lebih menarik dan elegan bisa menjadi alternatif bagi yang suka utak utik template.
Penggunaan kode warna sudah merupakan bagian yang tak terpisahkan bagi para blogger untuk membuat tampilan yang sesuai antara background, border, dan warna huruf.
Untuk menambah variasi dan mengurangi kejenuhan dengan penggunaan warna yang sama maka widget untuk mengganti background secara otomatis ini bisa menjadi pilihan yang tepat.

Untuk lebih lengkapnya ikuti langkah berikut.

  • Login ke akun Blogger kamu.
  • Dari halaman dashboard
  • Pilih tab Elemen Halaman ( Page Element ).
  • Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
  • Copykan script berikut dan letakkan pada kotak Content yang tersedia :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('')" bgcolor="Gainsboro">&nbsp;</td>
<td onclick="bgChange('DimGray')" bgcolor="DimGray">&nbsp;</td>
<td onclick="bgChange('Navy')" bgcolor="Navy">&nbsp;</td>
<td onclick="bgChange('Maroon')" bgcolor="Maroon">&nbsp;</td>
<td onclick="bgChange('DarkGreen')" bgcolor="DarkGreen">&nbsp;</td>
<td onclick="bgChange('DodgerBlue')" bgcolor="DodgerBlue">&nbsp;</td>
<td onclick="bgChange('OrangeRed')" bgcolor="OrangeRed">&nbsp;</td>
<td onclick="bgChange('Orange')" bgcolor="Orange">&nbsp;</td>
<td onclick="bgChange('HotPink ')" bgcolor="HotPink ">&nbsp;</td>
<td onclick="bgChange('PeachPuff')" bgcolor="PeachPuff">&nbsp;</td></tr>
</table>

<span style="float:right;font-size:10px;color:SeaGreen;">background Change</span>


Keterangan :
  • Warna Merah ; warna petunjuk untuk kembali ke warna background default (asli), silakan diganti dengan warna lain sesuai template ( hanya sebagai tampilan kembali ke warna asli ).
  • Warna Kuning ; warna background yang diinginkan, pada saat di klik warna background akan berubah sesuai jenis warna yang telah ditentukan. ( ubah sesuai kebutuhan ( bisa ditambah dan dikurangi ), untuk kode warna bisa dilihat disini "Menggunakan Kode warna dalam blogging"
  • Warna Aqua ; keterangan widget, ganti sesuai kebutuhan.

Selamat mencoba...!

COMMENTS

BLOGGER: 13
  1. wuidih, hebat nih om. ane coba dulu. makasih infonya

    BalasHapus
  2. wah artikel yang bagus , thanks infonya

    BalasHapus
  3. mantap..baru belajar ngeblog..saya coba pakai.

    BalasHapus
  4. thaks nih :D
    salam kenal yaa :)

    BalasHapus
  5. Infonya akan saya coba ah, kebetulan saya punya blog di blogspot.com

    BalasHapus
  6. okeh gan,,boleh di coba nih,,hehehe,,
    tapi saya selalu gaagl kalo urusan mendesain blog kenapa ya? mungkin caranya yang salah,,,
    maaksih buat infonya,,,

    BalasHapus
  7. @Imada22Arcu
    saat yang tepat untuk mulai....!
    thanks...!

    BalasHapus
  8. mantaff banget ki,, kunjungan perdana nie...
    kunjung balik ya..

    BalasHapus
  9. Bankruptcy Records
    Get copy of Official bankruptcy records, discharge papers, creditors listing at lowest cost on web. You can order either of discharge papers, Creditor listing or complete bankruptcy file as per your needs.

    BalasHapus
  10. wah sungguh indah ya bila gonta ganti background
    mantab... :)

    BalasHapus
  11. visit back .. ramnitz.blogspot.com :)

    BalasHapus
Note :

. Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
. Terima kasih komentarnya...!
. Semoga bermanfaat...!

Aluminium,4,Amdal,15,Arsitektur,64,Bahan bangunan,8,Bangunan Air,2,budaya indonesia,26,Denah Rumah,22,Galeri,32,Green house,6,Info sekilas,27,Interior,1,Irigasi,2,Jembatan,3,K3 konstruksi,4,Konservasi tanah,5,Konstruksi,48,Konstruksi Beton,15,Konstruksi kayu,38,Kuda kuda Baja,1,Kuda kuda kayu,4,Kusen,4,Lingkungan,15,Masjid,12,Mebelair,2,Menu navigasi,3,Opini,13,Pemberdayaan Masyarakat,7,Pendidikan,3,Peraturan,31,Pondasi,4,Profil Kusen,4,Property,46,RAB,28,Rumah adat,21,S E O,7,Sambungan Kayu,30,Sertifikasi,12,sipil,53,SNI,22,Software,2,Tangga,3,Tips trik blogger,27,Undang undang,12,Wisata,2,
ltr
item
Home Design and Ideas: Widget untuk Mengganti Warna Background secara Otomatis
Widget untuk Mengganti Warna Background secara Otomatis
http://1.bp.blogspot.com/-N9N5HndZRe0/Ts0pRAgmC0I/AAAAAAAABD4/IPJ345kNPDc/s200/kode+warna.png
http://1.bp.blogspot.com/-N9N5HndZRe0/Ts0pRAgmC0I/AAAAAAAABD4/IPJ345kNPDc/s72-c/kode+warna.png
Home Design and Ideas
https://www.hdesignideas.com/2011/11/widget-untuk-mengganti-warna-background.html
https://www.hdesignideas.com/
https://www.hdesignideas.com/
https://www.hdesignideas.com/2011/11/widget-untuk-mengganti-warna-background.html
true
2215255630784927830
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content