Cara Memberi Warna Beda Halaman Artikel Posting

Pada umumnya halaman artikel posting di blog baik wordpress atau blogspot mempunyai warna yang seragam. Masing-masing artikel semua sama warna backgroundnya. Yang paling sering digunakan sebagai latar belakang adalah warna putih hingga hitam.

Dengan trik yang sangat sederhana, kita bisa merubah warna background khusus untuk satu artikel. Tanpa merubah warna background artikel yang lainnya. Contohnya artikel -Cara Memberi Warna Beda Halaman Artikel Posting- ini, warna latarnya biru muda. Berbeda dengan semua artikel di blog Kedai Gado-Gado.com yang warna backgroundnya putih.

Caranya:
Tulislah artikel baru/edit artikel lama dalam mode Html sisipkan kode berikut dalam artikel tersebut.

<div style="background-color: #addff; padding: 14px;">
Artikel Posting disini..
</div>

ket:
Background-color = warna latar halaman
Ganti  #addff dengan kode warna yang Anda sukai
Kode warna yang lain bisa Anda dapatkan di Kumpulan Kode HTML Warna

Padding = adalah jarak tulisan dengan batas terluar warna latar
silahkan ganti nilainya sesuai kebutuhan, misal: 5px, 8px, 20px dll


Anda juga bisa menyesuaikan warna hurufnya dengan warna latar halaman, jadi tidak hanya warna latar yang berubah namun warna hurufnya pun bisa disesuaikan.

caranya:
tambahkan kode:  <span style="color: #15317e;"> pada kode diatas, jadinya seperti dibawah ini:

<div style="background-color: #addfff; padding: 15px;">
<span style="color: #15317e;">
Artikel Posting Disini
</span>
</div>

* Ganti kode hexadecimal warna sesuai keinginan.

Silahkan Try and Error... untuk menemukan warna yang pas.
Selamat mencoba.

Pengunjung lain juga membaca :