//
Wordpress

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.

About Sanggar Rohman

Kesendirianku kuluangkan dalam goresan kecilku

Diskusi

8 thoughts on “Cara Membuat Halaman Posting Berwarna-warni

  1. Salam gan, geo counter widget-nya bagus. dulu sempat coba pasang tetapi ga bisa. bisa bagi infonya ga?

    Posted by D'Alfath | 18 Desember 2011, 8:45 pm
  2. Kunjungan balik mas!!,

    Keren loh headernya? Gmna cara buatnya! Itu bukan gif ya?

    Posted by Adesepele™ | 17 Desember 2011, 8:45 pm
  3. blog walking..salam kenal…..juga buat yang lain…mampir ke blog saya juga gan…

    Posted by taburiklan | 7 Desember 2011, 8:45 pm
  4. Kunjungan Rutin gan…keep blogging

    Posted by Blog Tutorial Untuk Indonesia | 4 Desember 2011, 8:45 pm

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

Arsip

%d blogger menyukai ini: