Cara Membuat Halaman Posting Berwarna-warni


Pada umumnya halaman postingan warnanya seragam alias sama dalam satu Themes WordPress. Rata-rata warna yang digunakan adalah cenderung warna putih. Beberapa Themes WordPress ada juga yang menggunakan beberapa warna gelap sebagai dasar halaman postingannya. Namun yang jelas dalam satu themes, halaman posting Anda warnanya tetap sama. Pertanyaannya disini, bisakah kita merubah tiap halaman warnanya beda?  misal satu posting warna halamannya putih, posting yang lain warna hijau lalu yang lain lagi hitam. Ternyata hal ini bisa dilakukan dengan mengakali memberi atribut background pada artikel kita.Caranya:
Tulislah artikel baru/edit artikel lama dalam mode [Html]sisipkan kode berikut dalam artikel tersebut.

<div style=”background-color: #addff; padding: 14px;“> Tulis  Posting  Anda 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 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.

Contoh tampilannya lihat disini dan disini

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;“>
Tulis Artikel Anda Disini
</div>
</span>

*Ganti kode hexadecimal warna sesuai keinginan Anda.

Silahkan Try and Error… untuk menemukan warna yang pas untuk Anda.

Selamat mencoba.

Iklan

28 comments on “Cara Membuat Halaman Posting Berwarna-warni

  1. Ping-balik: Mempercantik Tampilan Blog WordPress Part 3 | Faisal FR

  2. Ping-balik: Cara Membuat Halaman Posting Berwarna-warni | niozone

  3. Ping-balik: Cara Mempercantik Blog « vbrilian

  4. Ping-balik: Part 1Part 2Tip… « adelia irmawati

  5. Ping-balik: Mempercantik Tampilan Blog WordPress | I'M JHUNIO WAROKKA

  6. Ping-balik: Mempercantik Tampilan Blog WordPress : JHUNIO.us

  7. Ping-balik: Tips Mempercantik Blog WordPress.com – part 3 | novagultom

  8. Ping-balik: Mempercantik Tampilan Blog WordPress « NOIZ BLOG

  9. Ping-balik: Tips Mempercantik Blog WordPress.com (Part 3) « Rahasia Otak

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s