Cara Membuat Tabel Warna

 
Tidak bisa dipungkiri kalau warna itu membuat hidup menjadi benar2 hidup. Begitu juga pada dunia blogging, agar tampilan Blog lebih menarik dan lebih kreatif pewarnaan pada template Blog haruslah sesuai dengan konten dari Blog tersebut. Tapi kebanyakan dari Blogger dan termasuk Anda sendiri, harus bolak balik pada sebuah situs penyedia kode warna tersebut. Dan itu akan cukup membuat Anda capek dan Bored..

Bagaimana kalau sekarang Anda membuat kode warna tersebut pada Blog Anda, sehingga Anda tidak perlu bolak-balik mengunjungi Blog orang lain hanya untuk mendapatkan kode warna tersebut.


Kode Warna Pada Postingan
Langkah2nya sebagai berikut:
  • Login ke Blogger.com
  • Kemudian Tata Letak
  • Pilih Edit HTML
  • Centang Expand Widget
  • Copas kode berikut diatas kode </head>
<script language='javascript'>
function Barvaundefinedkoda)
{
document.getElementByIdundefined"vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCaseundefined);
document.hcc.barva.selectundefined);
}
function BarvaDrugaundefinedkoda)
{
document.getElementByIdundefined"vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCaseundefined);
document.hcc.Barva2.selectundefined);
}
</script>
<script type='text/javascript'>
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;
function initundefined) {
if undefinedtypeofundefinedygLogger) != "undefined")
ygLogger.initundefineddocument.getElementByIdundefined"logDiv"));
pickerInitundefined);
//ddcolorposter.fillcolorboxundefined"colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorboxundefined"colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------
function pickerInitundefined) {
hue = YAHOO.widget.Slider.getVertSliderundefined"hueBg", "hueThumb", 0, 180);
hue.onChange = functionundefinednewVal) { hueUpdateundefinednewVal); };
picker = YAHOO.widget.Slider.getSliderRegionundefined"pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = functionundefinednewX, newY) { pickerUpdateundefinednewX, newY); };
hueUpdateundefined);
dd1 = new YAHOO.util.DDundefined"pickerPanel");
dd1.setHandleElIdundefined"pickerHandle");
dd1.endDrag = functionundefinede) {
// picker.thumb.resetConstraintsundefined);
// hue.thumb.resetConstraintsundefined);
};
}
executeonloadundefinedinit);
function pickerUpdateundefinednewX, newY) {
pickerSwatchUpdateundefined);
}
function hueUpdateundefinednewVal) {
var h = undefined180 - hue.getValueundefined)) / 180;
if undefinedh == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgbundefined h, 1, 1);
document.getElementByIdundefined"pickerDiv").style.backgroundColor =
"rgbundefined" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdateundefined);
}
function pickerSwatchUpdateundefined) {
var h = undefined180 - hue.getValueundefined));
if undefinedh == 180) { h = 0; }
document.getElementByIdundefined"pickerhval").value = undefinedh*2);
h = h / 180;
var s = picker.getXValueundefined) / 180;
document.getElementByIdundefined"pickersval").value = Math.roundundefineds * 100);
var v = undefined180 - picker.getYValueundefined)) / 180;
document.getElementByIdundefined"pickervval").value = Math.roundundefinedv * 100);
var a = YAHOO.util.Color.hsv2rgbundefined h, s, v );
document.getElementByIdundefined"pickerSwatch").style.backgroundColor =
"rgbundefined" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementByIdundefined"pickerrval").value = a[0];
document.getElementByIdundefined"pickergval").value = a[1];
document.getElementByIdundefined"pickerbval").value = a[2];
var hexvalue = document.getElementByIdundefined"pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hexundefineda[0], a[1], a[2]);
ddcolorposter.initializeundefineda[0], a[1], a[2], hexvalue)
if undefinedhexvalue!="#FFFFFF") document.getElementByIdundefined"pickerhexval").selectundefined);
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNGundefined) // correctly handle PNG transparency in Win IE 5.5 or higher.
{
forundefinedvar i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCaseundefined)
if undefinedimgName.substringundefinedimgName.length-3, imgName.length) == "PNG")
{
var imgID = undefinedimg.id) ? "id='" + img.id + "' " : ""
var imgClass = undefinedimg.className) ? "class='" + img.className + "' " : ""
var imgTitle = undefinedimg.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if undefinedimg.align == "left") imgStyle = "float:left;" + imgStyle
if undefinedimg.align == "right") imgStyle = "float:right;" + imgStyle
if undefinedimg.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "undefinedsrc=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListenerundefinedwindow, "load", correctPNG);
</script>
<![endif]-->
  • Selanjutnya Save Template
  • Kemudian Masuk Pada Postingan
  • Pilih Entry Baru
  • Ingat Posisi Anda harus pada Edit HTML
  • Copas kode berikut pada Entry/Postingan
<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#190707">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#b40404">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#df0101">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f78181">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#191007">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#61380b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#df7401">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#faac58">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#181907">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#868a08">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#101907">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#38610b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#74df00">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#bef781">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#071907">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#088a08">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#04b404">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#01df01">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#81f781">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#071910">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#01df74">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#58faac">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#071918">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#088a85">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#071019">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0174df">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#070719">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#08088a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0101df">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#100719">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#380b61">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#7401df">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barvaundefinedthis.bgColor)" bgcolor="#190718">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#190710">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#610b38">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#df0174">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f781be">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#000000">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#151515">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#424242">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#585858">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#848484">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barvaundefinedthis.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>
  • Selanjutnya Terbitkan Entry dan lihat hasilnya
Kode Warna Pada Elemen Halaman
Langkah2nya sebagai berikut:
  • Login seperti langkah2 diatas
  • Pada Elemen Halaman klik Tambahkan Gadget/Elemen Halaman
  • Copas kode kedua pada konten
  • Selanjutnya Save dan lihat hasilnya...
Untuk melihat hasilnya disini.
Semoga Bermanfaat...!!!
Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.