Dunia semakain terbuka

hidup semakin mempesona di dinua yang fana.

Alam memberikan ruang hidup

utama hanya untuk manusia, tapi jangan lupa padanan akan kewenangan.

Jarak terasa semakin sempit

desakan duniawi memenuhi cakrawala pikiran manusia.

Kita hanyalah elemen kecil dari semesta

semesta jagad raya, kumpulan dari dari jutaan benda langit, Bumu, Planet lain, Tatasurya, Galaksi yang terus beredar pada jalurnya yang tetap sampai akhir masa.

Tapi kita makhluk yang dimuliakan

sang pencipta, namun alam mampu mengubah derajad mulia menjadi hina, nestapa, angkara diatas duna menjauh dari jalur sang pencipta. Kembalilah kepadnya.

Minggu, 02 Juni 2013

Cara Memasang Tabel Otomatis Kode Warna

08.53 Unknown No comments

Cara Memasang Tabel Kode Warna Pada Blog




Untuk mengedit atau mendesain blog kita pasti butuh referensi kode warna. Untuk itu terkadang kita harus bolak balik situs yang memiliki postingan tabel kode warna, capek nggak? Mungkin kalau capek tidak ya, tapi pernah kah terlintas dibenak sobat bagaimana cara menampilkan tabel code warna tersebut dalam postingan atau pada elemen blog kita (Sebagai gadget githu)?


Nah berikut rahasianya eh tutorial cara memasang tabel kode warna pada blog.
• Seperti biasa sobat harus dalam keadaan login keblogger
• Masuk menu Tata Letak=> klik Edit HTML (Sebelumnya baiknya sobat backup dulu templatenya dengan mengklik tulisan download template lengkap dengan begitu jika ada kesalahan sobat bisa mengembalikkan kembali template seperti semula!)
• Copy code JS berikut dan paste tepat diatas kode </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 type='text/javascript'> 
var hue; 
var picker; 
//var gLogger; 
var dd1, dd2; 
var r, g, b; 
function init() { 
if (typeof(ygLogger) != "undefined") 
ygLogger.init(document.getElementById("logDiv")); 
pickerInit(); 
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" 
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" 
} 
// Picker --------------------------------------------------------- 
function pickerInit() { 
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); 
hue.onChange = function(newVal) { hueUpdate(newVal); }; 
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); 
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; 
hueUpdate(); 
dd1 = new YAHOO.util.DD("pickerPanel"); 
dd1.setHandleElId("pickerHandle"); 
dd1.endDrag = function(e) { 
// picker.thumb.resetConstraints(); 
// hue.thumb.resetConstraints(); 
}; 
} 
executeonload(init); 
function pickerUpdate(newX, newY) { 
pickerSwatchUpdate(); 
} 
function hueUpdate(newVal) { 
var h = (180 - hue.getValue()) / 180; 
if (h == 1) { h = 0; } 
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); 
document.getElementById("pickerDiv").style.backgroundColor = 
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; 
pickerSwatchUpdate(); 
} 
function pickerSwatchUpdate() { 
var h = (180 - hue.getValue()); 
if (h == 180) { h = 0; } 
document.getElementById("pickerhval").value = (h*2); 
h = h / 180; 
var s = picker.getXValue() / 180; 
document.getElementById("pickersval").value = Math.round(s * 100); 
var v = (180 - picker.getYValue()) / 180; 
document.getElementById("pickervval").value = Math.round(v * 100); 
var a = YAHOO.util.Color.hsv2rgb( h, s, v ); 
document.getElementById("pickerSwatch").style.backgroundColor = 
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; 
document.getElementById("pickerrval").value = a[0]; 
document.getElementById("pickergval").value = a[1]; 
document.getElementById("pickerbval").value = a[2]; 
var hexvalue = document.getElementById("pickerhexval").value ='#'+ 
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); 
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) 
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); 
} 
</script><!--[if gte IE 5.5000]> 
<script type="text/javascript"> 
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher. 
{ 
for(var i=0; i<document.images.length; i++) 
{ 
var img = document.images[i] 
var imgName = img.src.toUpperCase() 
if (imgName.substring(imgName.length-3, imgName.length) == "PNG") 
{ 
var imgID = (img.id) ? "id='" + img.id + "' " : "" 
var imgClass = (img.className) ? "class='" + img.className + "' " : "" 
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " 
var imgStyle = "display:inline-block;" + img.style.cssText 
if (img.align == "left") imgStyle = "float:left;" + imgStyle 
if (img.align == "right") imgStyle = "float:right;" + imgStyle 
if (img.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" 
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
img.outerHTML = strNewHTML 
i = i-1 
} 
} 
} 
YAHOO.util.Event.addListener(window, "load", correctPNG); 
</script> 
<![endif]-->

• Sebelum save/ simpan template bisa klik tab pratinjau dulu, kalau blognya tampilannya seperti semula berarti langkah-langkahnya udah benar.
Nah untuk menampilkan kode warna pada postingan lengkap dengan label, copy kode warna berikut dan paste di tab Edit HTML, sedang untuk menambahkannya pada elemen halaman blog
• masuk pada menu Tata Letak
• Klik Elemen halaman klik tambah gadget pada tempat/sidebar yang sobat inginkan ditampilkan kode warna tersebut.
• Tambah HTML/JavaScript
• Copy kode warna dan paste pada kolom entry
Berikut kode warnanya :

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

Semoga bermanfaat! Terimakasih atas waktu dan perhatiaan yang telah sobat sisihkan untuk membaca postingan ini!
Budayakan komentar setelah membaca dan tunggu komentar balik anaa diblog sobat.
Salam...

Read more »

Kamis, 30 Mei 2013

Tabel Kode Warna Untuk Blog

07.58 Unknown No comments


Berikut adalah tabel kode warna sebagai referensi sobat dalam mengedit atau mendesain template blog . 
                                                        1
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

2
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000

3
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000

4
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000

5
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000

6
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000

7
#465584
#EEF2F7
#3A4F6C
#00D
#434951
#555
#777
#DFE6EF
#345487
#F5F9FD
#3860BB
#BCD0ED
#C2CFDF
#F0F5FA
#D1DCEB
#003
#900
#CCE9FD
#E4EAF2
#4C77B6
#DFE6EF
#EEF2F7



Adakah diantara sobat yang ingin mengetahui cara menampilkan tabel kode warna diatas dalam postingan atau elemen halaman blog? Klik disini

http://www.tipstrikblogging.com/2009/07/daftar-kode-warna-dengan-tabel.html
Read more »

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes