Cara Membuat Tampilan Posting Lebih Cantik Dan Fresh

Beberapa paragraf dari beberapa posting Tutorial Blogspot di hias dengan beraneka warna background. Hal itu saya lakukan supaya posting saya terlihat indah untuk membuat pengunjung blog merasa lebih nyaman dan senang di dalam membaca setiap paragraf di dalam posting tersebut.

Kalau materi posting tidak dapat menarik minat pengunjung untuk membaca posting kita, paling tidak tampilan posting kita yang fresh dapat menggantikan semua itu.

Nah... Untuk membuat warna yang berbeda pada setiap paragraf di dalam posting, sobat blogger kudu menyisipkan kode di bawah ini SEBELUM dan SETELAH paragraf dalam mode HTML (Bukan dalam mode compuse).
<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Letakkan teks atau paragraf sobat disini
</div>

Contoh :
<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.
</div>

Hasilnya akan terlihat seperti ini :
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.

Kalau sobat blogger ingin menambahkan bingkai, sobat blogger tinggal menambahkan kode border-style: ridge; pada kode pertama. Sehingga bentuk dari kode di atas seperti ini :
<div style="background:#FFE1FF; border-style: ridge; padding:5px 8px 5px 8px;">
Letakkan teks atau paragraf sobat disini
</div>

Dan hasilnya akan terlihat seperti ini!
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.

Tambahan :
Untuk mengganti warna background tersebut, silahkan ganti #FFE1FF dengan kode warna yang lain. Untuk melihat kode warna silahkan klik salah satu link di bawah ini!
  1. Web Color Chart
  2. Hex Color Code Generator

0 komentar:

Posting Komentar