Home » » Membuat Halaman Kode Warna HTML Sendiri di Blog

Membuat Halaman Kode Warna HTML Sendiri di Blog

Halaman Kode Warna HTML
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).*

Thanks for reading & sharing Membuat Halaman Kode Warna HTML Sendiri di Blog

Previous
« Prev Post

2 comments:

Comment Page:

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox