Postingan dengan Warna Latar Berbeda-beda

Unknown - Kamis, 28 Juni 2012 - 07:00 wita
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 />

Tampilan diatas adalah background ditengah background, sedangkan yang ini dengan background terpisah [saya pisahkan dengan <br />, seperti yang saya sampaikan diatas, sedangkan yang dibawah ini tanpa penambahan kode apapun alias background asli postingan :i 

Penjelasan untuk background dan font-color khususnya untuk setiap warna bisa memakai :
  • Dengan Nama Warna seperti : black, white, yellow, blue dan seterusnya 
  • Dengan Kode warna seperti : #000000; [warna hitam] atau  rgb(255, 255, 255); [warna putih]
  • Khusus untuk background bisa memakai Gradient [penggabungan 2 warna atau lebih] 
  • Padding: 10px [artinya jarak antara sisi / tepi / border dengan huruf]
  • Border : garis sisi yang mengelilingi Obyek / Artikel, misalnya 1px, 2px dan seterusnya
  • text-align: untuk mengatur kalimat [align left / Align center / Align right / justify]
  • yang kalah penting kawan bisa menambahkan shadow
Selamat Mencoba dan Berkreasi - Sukses Selalu :y;  :z; 


Berbagi Artikel :

Postingan dengan Warna Latar Berbeda-beda
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Postingan dengan Warna Latar Berbeda-beda
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

Tidak ada komentar

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan