Senin, 28 September 2015

CARA MEMBUAT HALAMAN KODE WARNA HTML DI BLOG

Jika 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 usah membuka blog atau situs orang lain jika memerlukan kode warna HTML itu untuk desain blog Anda. Berikut ini cara membuatnya.

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 


Sumber : http://contohblognih.blogspot.com/p/kode-warna-html.html

Ditulis Oleh : Unknown // 18.21
Kategori: