Membuat Halaman Kode Warna HTML Sendiri di Blog

Baca Juga

Cara Membuat Halaman Kode Warna HTML Sendiri di Blog. HTML Color Code for Blogger.

JIKA kita ingin mengubah warna tampilan blog, misalnya warna background navigasi, sidebar, huruf, dll., maka kita harus menggunakan Kode Warna HTML. Kode warna ini diawali tanda pagar, misalnya #000 (hitam) dan #c00 (merah).

Anda perlu membuat halaman khusus kode warna HTML sendiri agar tidak udah membuka blog atau situs orang lain jika memerlukan kode warna HTML itu untuk desain blog Anda. Berikut ini cara membuatnya. (Demo: Halaman Kode Warna HTML).

Tahap 1: Memasukkan Kode CSS Warna HTML

1. Template > Edit HTML

2. Copas Kode CSS berikut ini di atas kode </skin>

.boxarea_BD { background-color:#F2F2F2; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.boxarea_BD:hover { background-color:#FFFFFF; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.BD_tombol {color:#FFFFFF;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #c4c4c4;cursor: pointer;border-radius: 4px;
background: #fbfbfb;background-color: #000000;}
.BD_tombol:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;background-color: #313333;}

3. Save Template!

Tahap 2 : Membuat Halaman Kode Warna HTML

1. Page > New Page

2. Isi Judul dengan, misalnya, Kode Warna HTML

3. Klik mode HTML

4. Copas kode berikut ini:

<div style="text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="350" width="350"><param name="movie" value="http://e-infotainment.com/applications/color-code-
generator/v1/trixcgv1.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc"><embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"
quality="high" bgcolor="#cccccc"
width="400"
height="400"
name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div>

5. Publish!

Hasilnya akan seperti ini:

KODE WARNA HTML 

Kini blog Anda memiliki halaman khusus kode warna HTML sendiri, sehingga Anda gak usah nebeng atau membuka blog lain jika membutuhkan kode warna HTML untuk desain blog Anda. Good Luck! (http://contohblognih.blogspot.com).*