Memasang Kode HTML Warna di Postingan Blogger

Dibawah ini adalah kode warna HTML yang biasa digunain buat edit template website ataupun edit kode yang ada unsur warnanya..

Kode Warna yang terpilih :

Buat sobat blogger yang mau pasang kode warna HTML (HTML Color Code) seperti di atas, silahkan ikuti langkah-langkah di bawah ini. . .

• Login dulu ke akun blogger
• Klik "Design"
• Pilih "HTML/JavaScript"
• Copy JavaScript dibawah ini dan paste di tempat yang telah disediakan! 

<span style="font-size: x-small;">&lt;script language='javascript'&gt;</span></div>
<div>
<span style="font-size: x-small;">function Barva(koda)</span></div>
<div>
<span style="font-size: x-small;">{</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("vzorec").bgColor=koda;</span></div>
<div>
<span style="font-size: x-small;">document.hcc.barva.value=koda.toUpperCase();</span></div>
<div>
<span style="font-size: x-small;">document.hcc.barva.select();</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">function BarvaDruga(koda)</span></div>
<div>
<span style="font-size: x-small;">{</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("vzorec2").bgColor=koda;</span></div>
<div>
<span style="font-size: x-small;">document.hcc.Barva2.value=koda.toUpperCase();</span></div>
<div>
<span style="font-size: x-small;">document.hcc.Barva2.select();</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">&lt;/script&gt;</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">&lt;script type='text/javascript'&gt;</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var hue;</span></div>
<div>
<span style="font-size: x-small;">var picker;</span></div>
<div>
<span style="font-size: x-small;">//var gLogger;</span></div>
<div>
<span style="font-size: x-small;">var dd1, dd2;</span></div>
<div>
<span style="font-size: x-small;">var r, g, b;</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function init() {</span></div>
<div>
<span style="font-size: x-small;">if (typeof(ygLogger) != "undefined")</span></div>
<div>
<span style="font-size: x-small;">ygLogger.init(document.getElementById("logDiv"));</span></div>
<div>
<span style="font-size: x-small;">pickerInit();</span></div>
<div>
<span style="font-size: x-small;">//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"</span></div>
<div>
<span style="font-size: x-small;">//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">// Picker ---------------------------------------------------------</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function pickerInit() {</span></div>
<div>
<span style="font-size: x-small;">hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);</span></div>
<div>
<span style="font-size: x-small;">hue.onChange = function(newVal) { hueUpdate(newVal); };</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);</span></div>
<div>
<span style="font-size: x-small;">picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">hueUpdate();</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">dd1 = new YAHOO.util.DD("pickerPanel");</span></div>
<div>
<span style="font-size: x-small;">dd1.setHandleElId("pickerHandle");</span></div>
<div>
<span style="font-size: x-small;">dd1.endDrag = function(e) {</span></div>
<div>
<span style="font-size: x-small;">// picker.thumb.resetConstraints();</span></div>
<div>
<span style="font-size: x-small;">// hue.thumb.resetConstraints();</span></div>
<div>
<span style="font-size: x-small;">};</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">executeonload(init);</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function pickerUpdate(newX, newY) {</span></div>
<div>
<span style="font-size: x-small;">pickerSwatchUpdate();</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function hueUpdate(newVal) {</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var h = (180 - hue.getValue()) / 180;</span></div>
<div>
<span style="font-size: x-small;">if (h == 1) { h = 0; }</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickerDiv").style.backgroundColor =</span></div>
<div>
<span style="font-size: x-small;">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">pickerSwatchUpdate();</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function pickerSwatchUpdate() {</span></div>
<div>
<span style="font-size: x-small;">var h = (180 - hue.getValue());</span></div>
<div>
<span style="font-size: x-small;">if (h == 180) { h = 0; }</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickerhval").value = (h*2);</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">h = h / 180;</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var s = picker.getXValue() / 180;</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickersval").value = Math.round(s * 100);</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var v = (180 - picker.getYValue()) / 180;</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickervval").value = Math.round(v * 100);</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">var a = YAHOO.util.Color.hsv2rgb( h, s, v );</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickerSwatch").style.backgroundColor =</span></div>
<div>
<span style="font-size: x-small;">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";</span></div>
<div>
<span style="font-size: x-small;"><br /></span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickerrval").value = a[0];</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickergval").value = a[1];</span></div>
<div>
<span style="font-size: x-small;">document.getElementById("pickerbval").value = a[2];</span></div>
<div>
<span style="font-size: x-small;">var hexvalue = document.getElementById("pickerhexval").value ='#'+</span></div>
<div>
<span style="font-size: x-small;">YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);</span></div>
<div>
<span style="font-size: x-small;">ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)</span></div>
<div>
<span style="font-size: x-small;">if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">&lt;/script&gt;&lt;!--[if gte IE 5.5000]&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;script type="text/javascript"&gt;</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.</span></div>
<div>
<span style="font-size: x-small;">{</span></div>
<div>
<span style="font-size: x-small;">for(var i=0; i&lt;document.images.length; i++)</span></div>
<div>
<span style="font-size: x-small;">{</span></div>
<div>
<span style="font-size: x-small;">var img = document.images[i]</span></div>
<div>
<span style="font-size: x-small;">var imgName = img.src.toUpperCase()</span></div>
<div>
<span style="font-size: x-small;">if (imgName.substring(imgName.length-3, imgName.length) == "PNG")</span></div>
<div>
<span style="font-size: x-small;">{</span></div>
<div>
<span style="font-size: x-small;">var imgID = (img.id) ? "id='" + img.id + "' " : ""</span></div>
<div>
<span style="font-size: x-small;">var imgClass = (img.className) ? "class='" + img.className + "' " : ""</span></div>
<div>
<span style="font-size: x-small;">var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "</span></div>
<div>
<span style="font-size: x-small;">var imgStyle = "display:inline-block;" + img.style.cssText</span></div>
<div>
<span style="font-size: x-small;">if (img.align == "left") imgStyle = "float:left;" + imgStyle</span></div>
<div>
<span style="font-size: x-small;">if (img.align == "right") imgStyle = "float:right;" + imgStyle</span></div>
<div>
<span style="font-size: x-small;">if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle</span></div>
<div>
<span style="font-size: x-small;">var strNewHTML = "&lt;span " + imgID + imgClass + imgTitle</span></div>
<div>
<span style="font-size: x-small;">+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"</span></div>
<div>
<span style="font-size: x-small;">+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"</span></div>
<div>
<span style="font-size: x-small;">+ "(src=\'" + img.src + "\', sizingMethod='scale');\"&gt;&lt;/span&gt;"</span></div>
<div>
<span style="font-size: x-small;">img.outerHTML = strNewHTML</span></div>
<div>
<span style="font-size: x-small;">i = i-1</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">YAHOO.util.Event.addListener(window, "load", correctPNG);</span><br />
<span style="font-size: x-small;"><br /></span></div>
<div>
<span style="font-size: x-small;">&lt;/script&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;![endif]--&gt;</span></div>

Buat postingan baru, pilih Edit HTML yang ada di pojok kanan atas, dan masukan kode di bawah ini!

<span style="font-size: x-small;">&lt;center&gt;&lt;form name="hcc" id="hcc"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"&gt;&lt;tbody&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr&gt;&lt;td&gt;&lt;table align="center" border="0" cellpadding="0" cellspacing="1" width="375"&gt;&lt;tbody&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#190707"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#610b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8a0808"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#b40404"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#df0101"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ff0000"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fa5858"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f78181"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f6cece"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fbefef"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#191007"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#3b240b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#61380b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#b45f04"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#df7401"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ff8000"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#faac58"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f7be81"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#181907"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#292a0a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#393b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#5e610b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#868a08"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#aeb404"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#d7df01"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ffff00"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f3f781"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#101907"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#243b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#38610b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#5fb404"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#74df00"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#80ff00"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#acfa58"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#bef781"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#071907"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b610b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#088a08"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#04b404"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#01df01"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#00ff00"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#58fa58"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#81f781"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#effbef"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#071910"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b6138"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#088a4b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#04b45f"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#01df74"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#00ff80"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#58faac"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#81f7be"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#effbf5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#071918"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b615e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#088a85"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#00ffff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2efef7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#58faf4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#effbfb"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#071019"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b243b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b3861"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#084b8a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#045fb4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0174df"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0080ff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#58acfa"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#81bef7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#070719"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#08088a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0404b4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0101df"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0000ff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#5858fa"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8181f7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#cecef6"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#efeffb"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#100719"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#240b3b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#380b61"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#4b088a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#7401df"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8000ff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#be81f7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5effb"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt; &lt;td onclick="Barva(this.bgColor)" bgcolor="#190718"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#610b5e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8a0886"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#b404ae"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#df01d7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f781f3"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#190710"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#610b38"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#8a084b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#b4045f"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#df0174"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ff0080"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f781be"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="10"&gt;&lt;td&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#000000"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#151515"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#424242"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#585858"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#848484"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td onclick="Barva(this.bgColor)" bgcolor="#ffffff"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/tbody&gt;&lt;/table&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/tbody&gt;&lt;/table&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;table align="center" border="0" cellpadding="0" cellspacing="2"&gt;&lt;tbody&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;tr height="24"&gt;&lt;td id="vzorec" width="24" height="24"&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;td valign="bottom"&gt;&lt;p&gt;</span></div>
<div>
<span style="font-size: x-small;">Kode warna yang terpilih : &lt;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"&gt;&lt;/p&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/td&gt;&lt;/tr&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/tbody&gt;&lt;/table&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/form&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;p&gt;</span></div>
<div>
<span style="font-size: x-small;">HTML Color Code by: &lt;a href="http://abdu-green.blogspot.com/" target="new"&gt;AbduGreen&lt;/a&gt;&lt;/p&gt;</span></div>
<div>
<span style="font-size: x-small;">&lt;/center&gt;</span></div>

Setelah melakukan langkah-langkah tersebut, sobat blogger akan mendapatkan tampilan kode warna seperti di atas, hasilnya bisa anda lihat  disini