POLLING WIDGET (2)

Postingan kali ini masih juga berhubungan tentang Poll widget yang juga free (gratis) dari http://www.polldaddy.com/ karena poll widget pada postingan terdahulu sepertinya bermasalah. Setidaknya hal ini saya ketahui setelah saya pasang beberapa hari di blog ini, opsinya tidak bisa diakses sama sekali. Oleh karena itu, perkenankan Tips dan Trik Blog untuk mengetengahkan postingan tentang poll widget (widget untuk pooling pengunjung) lagi namun dari layanan yang berbeda. Semoga bermanfaat, setidaknya untuk new blogger.

Masuk ke situs http://www.polldaddy.com/ kemudian lakukan registrasi (sign up) dan pilih saja yang free. (lihat gambar di bawah ini).

Setelah klik Sign Up, Anda akan dihadapkan pengisian formulir dengan First Name, Last Name, Email Address, Password. Sebelum mengklik Sign Up, centangi pada Please indicate that you agree to our terms and conditions.

Kemudian Anda akan memasuki halaman di mana Anda dapat memulai membuat widget polling dengan mengklik “click here” pada Opsi Poll Question, seperti gambar di bawah ini.

Kemudian lakukan pengisian seperlunya, seperti pertanyaan yang ingin diumpankan kepada pengunjung, opsi jawaban, bahasa, pilihan tampilan (style) yang paling cocok dengan Anda, hasil yang diinginkan (disembunyikan, hanya prosentase, atau jumlah voter). Setelah semua selesai kemudian klik Save and Continue yang berada di bagian samping kanan bawah.

Kemudian Anda akan dibawa ke halaman yang berisi code html yang nantinya harus kita copy pastekan ke side bar blog atau web kita, seperti di bawah ini.

Langkah selanjutnya lakukan select all code html tersebut kemudian copy kemudian paste-kan di sidebar blog kita.

Untuk melakukan copy paste tersebut, Anda login ke blogger.com dengan username dan password Anda. Setelah masuk di halaman Panel kontrol (Control Panel) kemudian pilih blog Anda (jika blog Anda lebih dari satu) kemudian pilih layout kemudian klik Tambah Elemen Halaman (Add Page Element) kemudian pilih HTML / Javascript.

Lakukan copy dan paste code html (Polling widget) ke sidebar seperti di atas. Setelah itu simpan perubahan. Dan sekarang polling widget sudah ada di blog / situs Anda. Di bawah ini, contoh hasilnya ini.

Selamat Mencoba

READ MORE - POLLING WIDGET (2)

Widget Ebuddy Untuk Blog Sebagai Pelengkap Chat di Sidebar Blog Mau Cekidot Gan !!!

Widget Ebuddy Untuk Blog Sebagai Pelengkap Chat di Sidebar Blog Mau Cekidot Gan !!!

Setelah hari kemarin saya posting tentang Cheat City Ville 2011 - Cheat Uang dan Energi 2011 dan Daftar Harga Handphone HP Samsung 2011, maka hari ini saya akan update artikel terbaru lagi, yaitu Widget Ebuddy Untuk Blog Sebagai Pelengkap Chat di Sidebar Blog Mau Cekidot Gan !!!.

Spice up your website and offer your friends or page visitors a fast and exciting way to get in touch with you and the rest of the world!

Simply press the select-button, then copy and paste the code into your website or profile page.
Configurable dimensions

The loginbox can be configured to appear in two different dimensions. You can find examples of how these two versions look just below. The small version has been designed especially for display in the sidebar of your website.

Code ebuddy 300 x 250 :

<iframe src="http://www.ebuddy.com/widgets/loginbox/custom_login.html?version=large" scrolling="no" frameborder="0" style="width: 300px; height: 250px;"></iframe>

Code ebuddy 200 x 250 :

<iframe src="http://www.ebuddy.com/widgets/loginbox/custom_login.html?version=small" scrolling="no" frameborder="0" style="width: 200px; height: 250px;"></iframe>

Cara Pasang di Blog anda :

1. Login Blogger.com
2. Buka Tab Rancangan
3. Pilih Add Gadget/widget
4. Pilih HTML/Javascript
5. Copy Kode di atas dan Paste di widget
6. Save

Silahkan Gabung di Connection Kang Yasin :
Pengumpul RECEH INDO Kang Yasin : http://kumpulblogger.com/signup.php?refid=117648
Hack Facebook : Sistem Script ADD Ribuan Teman FACEBOOK
Forum : http://kang-yasin.indonesianforum.net/forum
Grup CNSB : http://www.facebook.com/home.php?sk=group_168409269848173&ap=1
Jika Bermanfaat di SHARE dan LIKE FACEBOOK yah jangan lupa COMMENTNYA Terima kasih Atas Kunjungannya.

READ MORE - Widget Ebuddy Untuk Blog Sebagai Pelengkap Chat di Sidebar Blog Mau Cekidot Gan !!!

Pasang Widget Blogger Indonesia Pada Blogspot !!! Cekidot Indonesiaku

Pasang Widget Blogger Indonesia Pada Blogspot !!! Cekidot Indonesiaku

Setelah hari kemarin saya posting tentang Cheat City Ville 2011 - Cheat Uang dan Energi 2011 dan Daftar Harga Handphone HP Samsung 2011, maka hari ini saya akan update artikel terbaru lagi, yaitu Pasang Widget Blogger Indonesia Pada Blogspot !!! Cekidot Indonesiaku.

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Berikut kode widget Blogger Indonesia :

Pojok Kanan Bawah

<script language="JavaScript" src="http://triktipsblog.googlecode.com/files/pojok%20kanan%20bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>

Pojok Kiri Bawah

<script language="JavaScript" src="http://triktipsblog.googlecode.com/files/pojok%20kiri%20bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>

Silahkan Gabung di Connection Kang Yasin :
Pengumpul RECEH INDO Kang Yasin : http://kumpulblogger.com/signup.php?refid=117648
Hack Facebook : Sistem Script ADD Ribuan Teman FACEBOOK
Forum : http://kang-yasin.indonesianforum.net/forum
Grup CNSB : http://www.facebook.com/home.php?sk=group_168409269848173&ap=1
Jika Bermanfaat di SHARE dan LIKE FACEBOOK yah jangan lupa COMMENTNYA Terima kasih Atas Kunjungannya.

READ MORE - Pasang Widget Blogger Indonesia Pada Blogspot !!! Cekidot Indonesiaku

Widget Followers Valid di W3

Membuat Widget Followers agar Valid XHTML 1.0 atau W3 Untuk membuatnya langkahnya adalah sebagai berikut:

Langkah pertama:
Apabila anda sudah mempunyai Widget Followers silahkan lanjutkan ke langkah ke dua.
Anda harus Login ke Blogger klik Rancangan pilih Element Laman.
Kemudian klik Tambah Gadget, pilih Widget Pengikut lalu klik SIMPAN.

Langkah ke dua:
Sekarang anda buka Notepad untuk meng-copy kode Folowers yang ada di HTML caranya mudah anda lihat tampilan blog anda yang sudah ada Widget Followers nya kemudian tekan Ctrl + U untuk melihat kode Followers tersebut, kode Followers yang harus di copy ke Notepad adalah seperti ini:

<div id=" div id yang anda miliki " style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";

skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1oivj41cpmxb7",
height: 260,



site: " ID dari blog anda ",

locale: 'in' },
skin);
</script>

Kalau sudah ketemu kodenya seperti di atas silahkan copy kode tersebut ke dalam Notepad, untuk yang berwarna biru itu adalah id yang anda miliki.

Langkah ke tiga:
Sekarang anda sudah memiliki kode Widget Followers tersebut yang sudah di simpan di Notepad, di sini saya akan menerangkan sedikit kenapa Widget Followers Eror di W3C? karena penempatan bahasa type dari Java/Script.
Sekarang kita akan mengambil Java/Script dari friend connect.

Langkahnya adalah:
Klik Rancangan pilih Element Laman.
Kemudian klik Tambah Gadget pilih HTML/JavaScript.
Kemudian masukan kode yang sudah anda copy ke Notepad kedalam HTML/JavaScript beri nama untuk Widgetnya yang berbeda agar tidak bingung membedakannya.
Lalu tambahkan kode di bawah di atas <div id="div id yang sobat miliki" style="width: 100%;"> dan kode </div> di akhir kode
jadi gambaranya seperti berikut:

<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id=" div id yang anda miliki " style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";

skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1oivj41cpmxb7",
height: 260,



site: " ID dari blog anda ",

locale: 'in' },
skin);
</script>
</div>

Klik SIMPAN

Keterangan : Kode yang berwarna biru di atas adalah kode yang harus di tambahkan silahkan di perhatikan saya memberikan type di JavaScript tersebut.

Langkah ke empat:
Sekarang anda mempunyai dua Widget Followers yang berbeda yang pertama adalah Widget dengan bawaan blogger dan yang kedua Widget yang berhasil di buat di HTML/JavaScript, sekarang anda harus menghapus Widget Followers bawaan blogger sehingga hanya ada satu Widget.

Langkah ke lima:
Sekarang kita akan membuat valid di W3C caranya adalah:
Dalam Rancangan klik Edit HTML centang Expand Template Widget
lalu cari kode <b:include name='quickedit'/> kalau sudah ketemu hapus
Kemudian klik SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

READ MORE - Widget Followers Valid di W3

Cara Pasang Pilihan Kode Warna di Blog

Klik warna yang anda pilih kodenya akan tampil di kotak bagian bawah

Kode warna yang terpilih :

Jika diantara sobat blogger ada yang tertarik untuk memasang
Berikut cara memasangnya :

Login ke Blogger
klik Rancangan → Elemen Laman
klik Tambah Gadget pilih HTML/JavaScript
kemudian copy kode script berikut dan pastekan kedalamnya

<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><
<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>

Pasang di postingan

Dalam menu Dasbor
Klik ENTRI BARU pilih Edit HTML copy kode script berikut :

<center><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="12" 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></center>

Jika sudah klik TERBITKAN ENTRI


Pasang di sidebar

Dalam menu Dasbor
klik Rancangan → Elemen Laman
klik Tambah Gadget pilih HTML/JavaScript
kemudian copy kode script berikut dan pastekan kedalamnya

<center><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="12" 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></center>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

READ MORE - Cara Pasang Pilihan Kode Warna di Blog