Pasang kode warna html di blog

Trik blogspot - Berikut ini akan saya jelaskan cara memasang kode html warna HTML untuk para teman semua. artikel ini saya ambil dari ordinaryblog.info. Memang sih, tips ini sudah sering di posting teman blogger yang lain, tapi tak apalah..sekedar bagi-bagi ilmu serta meramaikan.
Berikut caranya :

  • Log in ke account blogger anda, klik rancangan/layout lalu klik edit HTML
  • Tempat kode script berikut sebelum, tag </head> :
<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script src='http://marewainfo.googlecode.com/files/kodewarna.js' type='text/javascript'></script>
  • Lalu SAVE Template anda.
  • kemudian masukkan kode berikut, kedalam postingan :
<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b40404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df0101" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f78181" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#61380b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df7401" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#faac58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#868a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#38610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#74df00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#bef781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01df01" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01df74" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58faac" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a85" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)">

</td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0174df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)">

</td><td bgcolor="#08088a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0101df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#380b61" onclick="Barva(this.bgColor)">

</td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#7401df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b38" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df0174" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f781be" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#151515" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#424242" onclick="Barva(this.bgColor)">

</td><td bgcolor="#585858" onclick="Barva(this.bgColor)">

</td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#848484" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)">
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td height="24" id="vzorec" width="24">
</td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
</tbody></table>
</form>


  selesai sudah. Selamat Mencoba

    Ditulis Oleh : christian angkouw ~ Cara Bikin Blog

    Christian angkouw Sobat sedang membaca artikel tentang Pasang kode warna html di blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

    :: Get this widget ! ::

    1 comment

    Saya pengen pasang tapi blog saya gak berisi tutorial bro, jadi kurang relevan. :D

    Poskan Komentar

    Silahkan tinggalkan komentar sobat dan dapatkan backlink satu arah langsung ke blog sobat dengan widget top komentator yang saya pasang di sidebar blog ini. Caranya dengan menjadi pemberi komentar terbanyak di blog ini, tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.