Berikut Cara Memasang Aneka Arahan Warna Html Di Blog

Kode warna ialah rangkaian arahan unik yang disematkan pada mode HTML untuk menampilkan sejumlah warna tertentu. Kode-kode warna ini biasa dipergunakan untuk mendesain web atau blog.

Manfaat arahan warna

Kode-kode warna yang beraneka rupa ini sangat bermanfaat untuk mendesain web atau blog sesuai harapan semoga lebih menarik. Baik desain struktur template secara keseluruhan, maupun tampilan perpostingan. Bagi seorang developer atau pengembang template web, tentu kode-kode ini wajib hukumnya mengetahui dan mempunyai kode-kode warna ini.

Artikel lain Meletakkan Kode Script dan Text Area dengan Tombol Highlight.

Kode warna tidak disertakan dalam fitur blogger secara default, sehingga bagi admin blog harus mencarinya terlebih dahulu dari pihak ketiga. Salah satunya ialah dengan memakai beberapa arahan yang disematkan ke dalam gadget blog. Sebelum melangkah ke tahap cara pemasangannya, silakan lihat versi live demonya terlebih daulu.

• DEMO

Selengkapnya, silakan simak tahapan cara memasang arahan warna pada blog.

Cara memasang arahan warna pada blog

1. Masuk ke dasboard blogger.

2. Menuju ke hidangan Layout.

3. Pilih HTML/Javascript dan pastekan arahan berikut pada area HTML.

<br /> <br /> <br /> <!--[if gte IE 5.5000]><br /> <br /> <![endif]-->

4. Kemudian Save.

5. Setelah itu, buat postingan gres pada blog. Lalu pastekan arahan di bawah ini pada area entry post mode HTML. Bisa pula pada pembuatan halaman gres atau new page.

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

6. Akhiri dengan Publish.

Selesai, dan lihat hasilnya.

Dengan adanya kode-kode yang tersemat dalam blog milik sahabat sendiri, maka akan mempermudah dalam menvari arahan warna untuk kepentingan tampilan blog.

Demikian tutorial cara memasang arahan warna pada blog sendiri. Semoga bermanfaat dan selamat mencoba.

Tweet