Laman

Warna Pada Postingan 3






Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel :o;

Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan :s;



Kawan kan tahu, pada umumnya warna latar [background] Blog / Site menoton alias itu - itu saja dan menjenuhkan, untuk menghilangkan rasa jenuh para pengunjung yang ingin membaca makanya saya secara pribadi mencoba ber-Kreasi agar tampil beda. :y

Sebagai Demo : Artikel yang kawan baca sekarang ini........... Bagaimana KEREN KAN,



Kalau kita perhatikan icon pada post editor, saya rasa semuanya sudah tersedia seperti contoh icon Huruf A untuk warna teks dan disampingnya ada text background color dan lain sebagainya, cuma hasilnya tidak seperti yang kita harapkan :x;




Caranya sebagai berikut :


  • Setiap kawan mau posting pada editor post pilih HTML

  • Sebelum kawan menulis pada post editor tambahkan <div style="background: KODE WARNA;"> ISI ARTIKEL KAWAN -diakhiri dengan </div> ini adalah cara paling dasar yang bisa kawan terapkan dan selanjutnya bisa dikembangkan lagi seperti postingan saya yang penting <div> ditutup </div> <br />

  • Tujuan dari <br /> dibelakang </div> supaya kawan bisa menulis lagi [buat alenia baru]

  • Sabagai contoh yang saya terapkan pada Artikel ini





Untuk tampilan supaya kelihatan rapi tambahkan padding [untuk jarak pada sisi Artikel] seperti tampilan diatas, kode-kode yang saya tambahkan sebagai berikut :

<div style="background: [warna gardient]; [padding]; [border];[text-align]; ">

<div style="background: [warna hitam]; [padding]; [border];[color:white];[text-align];"></div>

<div style="background: [warna biru]; [padding]; [border];[text-align];"></div>

</div><br />



1 komentar:

Back to top