Cara Mengatasi Tanda Obeng dan Kunci pada Blog

Jika anda termasuk salah satu pemilik blog yang mengalami kesulitan menghilangkan tanda obeng dan kunci pada blog, ikuti cara atau trik berikut ini

Add caption

Cara Pertama 
masuk ke dashboard blog anda,

pilih template, dan edit templatenya, kemudian cari kode :

<b:include name='quickedit'/>

Untuk mempermudah pencarian pakailah cara menekan ctrl+f , kemudian ketikan kode di atas pada kolom pencarianya dan tekan enter.

Kalau sudah anda temukan hapuslah kode tersebut, lalu tekan kembali enter pada kolom pencarianya untuk mencari kode tersebut, hapus lagi, teruslah begitu karena pasti anda akan menemukan banyak kode tersebut, dan anda harus menghapus semuanya.

Setelah semua kode <b:include name='quickedit'/> anda hapus, anda tinggal menyimpan perubahanya,dan lihat hasilnya. 


Jika cara di atas belum bisa, anda bisa mencoba cara kedua

• Silahkan masuk ke akun blogger kamu
• Klik Tata Letak dan pilih Edit HTML.
• Cari kode ]]></b:skin> dengan menekan Control F.
• Jika sudah ketemu, copy dan Letakkan kode dibawah ini tepat  di atas ]]></b:skin> :

.quickedit { display:none; }

Jika pake kode tersebut belum juga hilang coba pake kode berikut ini

 .quickedit {
display:none !important;
}

Kemudian simpan dan coba lihat hasilnya.

dengan cara ini masalah munculnya tanda obeng dan kunci di blog anda akan teratasi.Semoga bermanfaat.

Read More

Cara Membuat Disclaimer Di Blog

 Cara Membuat Halaman Disclaimer Di Blog

Membuat Halaman Disclaimer Di Blog - Selain halaman privacy policy, ada satu lagi halaman yang diperlukan untuk mendaftar google adsense, yaitu halaman disclaimer. disclaimer biasanya menyatakan bahwa yang terkandung dalam suatu website adalah hanya sebagai informasi atau gambaran umum. Bahwa yang terkandung di dalam website tersebut tidak ditujukan sebagai suatu nasehat professional dan bahwa pembaca dapat meminta nasehat secara profesional dari pihak lain yang lebih berkompeten sesuai dengan permasalahan yang dihadapi dan bahwa pemilik website tidak bertanggung jawab atas kerugian yang dialami pembaca dari website tersebut.

Selain keharusan suatu web mempunyai halaman disclaimer, fungsi dari halaman disclaimer ini juga menjadi salah satu syarat untuk mendaftar google adsense.

Untuk pembuatan halaman disclaimer ini juga sangat mudah dan cepat. Ikuti langkah-langkah berikut untuk membuat halaman disclaimer:

• Masuk ke Halaman Disclaimer
• Kemudian isi Form yang telah disediakan. untuk lebih jelasnya lihat gambar di bawah:

  

  Cara Membuat Halaman Disclaimer Di Blog

• Klik generate Disclaimer
• Dihalaman berikutnya kamu tinggal mencopy file Html yang ada dalam box
• Masuk ke blogg kamu
• Buat halaman baru
• Pilih mode html
• Pastekan kode html yang di copy tadi
• Kemudian publikasikan

Halaman disclaimer berhasil dibuat. Jangan lupa tinggalkan komentar.

Read More

Cara Merapikan Banyak Gambar Dalam Postingan Blog

Biasanya kalau mengupload banyak gambar dalam postingan sebuah blog ,hasil tampilannya akan jatuh ke bawah/ memanjang kebawah .Hal ini sangat tidak bagus karena memakan banyak  tempat dan hasilnya tidak bisa rapi…sobat bloger, kali ini  saya akan share bagaimana cara agar penyusunan gambar yang dibuat di dalam postingan blog seperti biasanya akan melorot kebawah menjadi  lebih rapi  dan enak untuk dilihat.

Supaya gambar tersusun rapi didalam posting blog, anda hanya perlu  menambahkan kode :

  

<table><tr>
<td>Url Gambar </td>
</tr></table>

Cara meletakkan kode tersebut beserta url gambar di dalam postingan pada modeHTML,Untuk membuat gambar menjadi persegi empat (sama besar dengan gambar yang lainnya) maka anda harus menambahkan kode warna biru diatas height="145" width="145" , atur sendiri sesuai dengan lebar ruang post anda. Dibawah ini adalah contoh postingan gambar menggunakn html tabel diatas, hasilnya rapi dan enak untuk dilihat,.

Untuk lebih memudahkan ,saya sudah siapkan kode tabel html yang siap di copy paste di blog sobat .Berikut kode nya..

<table><tr>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-FclfFEQ0-TUQ6NbtZ6JM1GINhHmWMX4AhJWOtopOr4E3mC2cjA_oT5YY1VSsFMDv1ZGgZBvdWsb9o7PgdlkxU_I3VoB-DKzHxP0e4RjlQoOcuxeomaldS6CI8UXOxk05siPJfi7ET0/s1600/Yoonmirae+%2528t+%25EC%259C%25A4%25EB%25AF%25B8%25EB%259E%2598%2529+-+ALWAYS+OST-Part-1.jpg"><img border="0"height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-FclfFEQ0-TUQ6NbtZ6JM1GINhHmWMX4AhJWOtopOr4E3mC2cjA_oT5YY1VSsFMDv1ZGgZBvdWsb9o7PgdlkxU_I3VoB-DKzHxP0e4RjlQoOcuxeomaldS6CI8UXOxk05siPJfi7ET0/s1600/Yoonmirae+%2528t+%25EC%259C%25A4%25EB%25AF%25B8%25EB%259E%2598%2529+-+ALWAYS+OST-Part-1.jpg"width="145" /></a></td>

<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCtcTjWR-FlDeq5OfWUgSZkmFCyBsV4L8VIIaDTb4X_9Rw-P4ULXWjD03paAFw1SJHV9ofIKpAsNfcRVSurKRZOw_cmenYCsznaeGJ20vdu9LHg8P6FJcu8rI_OCFJI7kUBMzXrsjppM/s1600/CHEN+%2526+Punch+%2528%25EC%25B2%25B8+%2526+%25ED%258E%2580%25EC%25B9%2598%2529+-+Everytime.jpg"><img border="0"height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCtcTjWR-FlDeq5OfWUgSZkmFCyBsV4L8VIIaDTb4X_9Rw-P4ULXWjD03paAFw1SJHV9ofIKpAsNfcRVSurKRZOw_cmenYCsznaeGJ20vdu9LHg8P6FJcu8rI_OCFJI7kUBMzXrsjppM/s1600/CHEN+%2526+Punch+%2528%25EC%25B2%25B8+%2526+%25ED%258E%2580%25EC%25B9%2598%2529+-+Everytime.jpg"width="145" /></a></td>

<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQHxEoe766ONkmRSpu_TSQ88MX4Ix_-KqQiIU2jkNgFvzm0Bh4KdBSDB6tTzdJxoa_wSIhrgta3ePWBBp-htSr8WN-egZonh_sDbRMiazJPGtYExqb-mXN-ggY-zUTfM7V8etz1OBCjNs/s1600/DAVICHI+%2528%25EB%258B%25A4%25EB%25B9%2584%25EC%25B9%2598%2529+-+%25EC%259D%25B4+%25EC%2582%25AC%25EB%259E%2591+%2528This+Love%2529.jpg"><img border="0"height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQHxEoe766ONkmRSpu_TSQ88MX4Ix_-KqQiIU2jkNgFvzm0Bh4KdBSDB6tTzdJxoa_wSIhrgta3ePWBBp-htSr8WN-egZonh_sDbRMiazJPGtYExqb-mXN-ggY-zUTfM7V8etz1OBCjNs/s1600/DAVICHI+%2528%25EB%258B%25A4%25EB%25B9%2584%25EC%25B9%2598%2529+-+%25EC%259D%25B4+%25EC%2582%25AC%25EB%259E%2591+%2528This+Love%2529.jpg"width="145" /></a></td>

<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeL2ipyjw8jb9wJFx_DpOESwt2pwU7Qc8hpADvU5zj_gL-Df79vmRJKUajTX2p7qxm0G3grehZ91Fo4g8uQEsws5q4GF_K6Y8sVNV1XxhcdNwsYoCgUMiwunvSsQ9zvVi_1qZdmIg3Gz0/s1600/Gummy-Descendants-of-the-Sun-OST-Part-4.jpg"><img border="0" height="145"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeL2ipyjw8jb9wJFx_DpOESwt2pwU7Qc8hpADvU5zj_gL-Df79vmRJKUajTX2p7qxm0G3grehZ91Fo4g8uQEsws5q4GF_K6Y8sVNV1XxhcdNwsYoCgUMiwunvSsQ9zvVi_1qZdmIg3Gz0/s1600/Gummy-Descendants-of-the-Sun-OST-Part-4.jpg"width="145" /></a></td>

</tr></table>

Keterangan  :

Warna merah : ganti dengan URL gambar yang mau di upload

Warna biru ; sesuaikan ukuran template blog anda

Mudah bukan…Cara merapikan banyak gambar pada blog….semoga artikel ini bermanfaat..

Read More

Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog

Sekarang banyak jenis-jenis kotak spoiler yang dibuat semenarik mungkin, sehingga pengunjung blog anda akan tidak cepat bosan jika membaca dan mempraktekan artikel-artikel yang anda posting. Artikel saya kali ini tentang Cara Membuat Kotak Spoiler di Blog Dengan Tombol Buka Tutup dan akan langusng saya jelaskan cara memasang nya di postingan dan di menu gadget dengan design yang polos-polos saja yang penting Seo Friendly.

• Pertama, pada menu pos, klik "Entri Baru", kemudian disana ada dua tombol yaitu Compose dan HTML, anda pilih yang HTML, lihat gambar di bawah :
  

• Kemudian copas kode di bawah ini pada halaman postingan anda, ini juga merupakan hasil jadinya nanti seperti di bawah ini :

<!---Start code show hide by;"dikaeuphrosyne.blogspot.com"--->
<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" type="button" value="Buka" /> </div>
<div style="background-color:#cccccc;border-bottom: 1px solid #ff0000; border-left: 4px solid #ff0000; border-right: 1px solid #ff0000; border-top: 1px solid #ff0000; margin: 0px; padding: 6px;">
<div style="display: none;">
<span style="color: black; font-style: italic;">
(TULIS DESKRIPSI DISINI)
</span></div>
</div>
</div>
<!---End code show hide by;"dikaeuphrosyne.blogspot.com"--->

Keterangan ;

Code; <div style="margin-top: 5px; text-align: left;"> ; merupakan code untuk penempatan tombol Buka Tutupnya.. Mau sobat taruh di sisi kiri dengan code left. Untuk ditengah dengan code center. Untuk di sisi kanan dengan code right. ingat, hanya ubah yang berwarna merah aja ya soob.

Code; Tulisan  Tutup  Buka  Buka  yang berwarna merah, silakan sobat ganti debgan sesuka sobat.

Code; width: 60px ; Yang berwarna merah tersebut Merupakan nilai ukuran lebar dari tombol Buka Tutup tersebut.. Silakan juga sobat rubah sesuai keinginan sobat.Tapi hanya sobat rubah nilainya saja yaa.

Code; ... Isi Teks ... ; Ganti dengan Isi artikel sobat sendiri, atau terserah sobat lah.

Ingat ya soob. sobat bisa merubah code di atas hanya yang saya paparkan aja.

Untuk pemasangan kotak buka tutup tersebut, itu terserah sobat. mau sobat gunakan untuk apa aja, bisa buat kotak tulisan, buat kotak image..Penempatan kotak buka tutup, sobat bisa lihat di sidebar dan footer blog saya. atau juga bisa di postingan seperti ini.

Selamat Mencoba  semoga sukses

Read More

Cara Membuat Border | Kotak | Warna Pada Postingan

Contoh 1

Coba coba

Contoh 2

Coba coba

Contoh 3

Coba coba

Contoh 4

Coba coba

Contoh 5

Coba coba

Contoh 6

Coba coba

Contoh 7

TULIS SCRIPT/KODENYA DISINI

Contoh 8

TULIS SCRIPT/KODENYA DISINI

Contoh 9

TULIS SCRIPT/KODENYA DISINI

Contoh 10

TULIS SCRIPT/KODENYA DISINI

Contoh 11

TULIS SCRIPT/KODENYA DISINI

HTML ADA DISINI

Contoh 1
<div style="-khtml-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #ccc; border-radius: 15px; border: solid 1px #aaa; color: black; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 2
<div style="background: #29447e; border: solid 1px #eceff5; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 3
<div style="background: #8a9ac5; border: solid 1px #29447e; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 4
<div style="-khtml-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #999; border-radius: 15px; border: solid 1px #333; color: black; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 5
<div style="border: dashed 2px #eceff5; color: #1a356e; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 6
<div style="border: dashed 2px #ee3f10; color: #1a356e; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
Coba coba</div>

Contoh 7
<div style="background-color: blue; border: 2px #ee3f10 groove; padding: 10px; text-align: left;">
TULIS SCRIPT/KODENYA DISINI</div>

Contoh 8
<div style="background-color: #df0174; border: 2px #000000 ridge; padding: 10px; text-align: left;">
<span style="color: #0080ff;"> TULIS SCRIPT/KODENYA DISINI</div>

Contoh 9
<div style="background-color: cyan; border: 2px #000000 double; padding: 10px; text-align: left;">
<span style="color: #0080ff;"> TULIS SCRIPT/KODENYA DISINI</div>

Contoh 10
<div style="background-color: #df7401; border: 2px #000000 dotted; padding: 10px; text-align: left;">
<span style="color: #0080ff;"> TULIS SCRIPT/KODENYA DISINI</div>
<br />

Contoh 11
<div style="background-color: black; border: 2px #0000ff solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
<span style="color: #0080ff;"> TULIS SCRIPT/KODENYA DISINI </div>

CATATAN
Buka dasboar cari Post atau Laman Buka Entri Baru Kemudian pilih HTML bukan Compos Copy dan paste salah satu script di atas

Read More

Cara Membuat Garis Border Melengkung Pada Postingan Blog

Cara Membuat Garis Border Melengkung Pada Postingan Blog

Helo jumpa lagi kawan....
kali ini aku mau nge-share saja nih tips bloger Cara Membuat Garis Border Melengkung Pada Postingan Blog.  Maksud dari garis border melengkung ini adalah kita akan membuat garis border yang memiliki sudut melengkung dari setiap pojok yang kita kehendaki dan digunakan dalam menampilkan sebuah bingkai gambar.

Preview :

Inilah Cara Membuat Garis Border Melengkung Pada Postingan Blog :

1. Login ke Blogger sobat.
2. Tulis Postingan baru.
3. Pilih "HTML" (fungsinya adalah kita posting menggunakan script-script yang kita edit sendiri)
4. Masukkan (copas) Script di bawah ini sesuai yang sobat kehendaki.
5. Pilih "Compose" lagi pada pilihan posting
6. Selesai.

Garis Border

Melengkung

Tepi Kiri Kanan Melengkung

<div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: #cccccc; border-radius: 20px; border: 2px solid black; color: black; font-family: Arial; padding: 5px;">Tepi Kiri Kanan Melengkung</div>

Pojok Kiri Atas Melengkung

<div style="-moz-border-radius: 1em 0em 0em 0em; background-color: orange; border-radius: 1em 0em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Atas Melengkung</div>

Pojok Kiri Bawah Melengkung 

<div style="-moz-border-radius: 0em 0em 0em 1em; background-color: green; border-radius: 0em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Bawah Melengkung</div>

Pojok Kanan Atas Melengkung

<div style="-moz-border-radius: 0em 1em 0em 0em; background-color: red; border-radius: 0em 1em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Atas Melengkung</div>

Pojok Kanan Bawah Melengkung

<div style="-moz-border-radius: 0em 0em 1em 0em; background-color: blue; border-radius: 0em 0em 1em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Bawah Melengkung</div>

Tepi Kiri Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: gold; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kiri Melengkung</div>

Tepi Kanan Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: royalblue; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kanan Melengkung</div>

Sekian postingan Blogger Tutorial mengenai Cara Membuat Garis Border Melengkung Pada Postingan Blog. jika kurang jelas silahkan berkomentar, pasti saya jawab :)

Read More

DAFTAR POSTING ACCORDIAN

DAFTAR POSTING

• JQUERY Acordian Menu Serbaguna
• Burung Twitter Terbang Di Atas Blog
• Animasi Teks Bergerak
• Membuat Artikel Terkait Bergambar
• Membuat Breaking News
• Mengganti Template Blog
• Chat html code warna
• Buat Menu Tersembunyi dengan CSS3
• Cara Tampilkan Avatar Pada Komentar
• Cara Measang Breaking News
• Cara Pasang Chat HTML Kode Warna
• Template Bog Hitam Keren
• Panduan Blogger-12
• Panduan Blogger-13
• Panduan Blogger-14
• Panduan Blogger-15

Read More

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

Read More