Friday, May 21, 2010

MEMBERI WARNA BACKGROUND PADA POSTING

Cara Memberi Warna pada Teks dan atau Background Posting


Bagaimana cara memberi warna background pada teks di posting-an blogger atau blogspot seperti contoh berikut?


Berikut ini cara memberi warna background pada teks di posting-an blogger atau blogspot.

Ketika telah selesai menulis posting, masuklah ke mode Edit HTML, dan pada bagian yang ingin diberi warna, masukan baris kode berikut dibagian atasnya:

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">

Ini adalah bagian posting yang diberi warna. Pada akhir bagian yang ingin diberi warna, masukkan kode berikut:

</div>

Lalu kembali ke mode Tulis (Compose) untuk melihat hasilnya.

Catatan:

Baris kode warna hijau adalah kode warna yang dipakai sebagai background posting, dapat diganti sesuai dengan warna yang dinginkan, misalkan biru (#0000ff), kuning (#ffff00), merah(#ff0000), hijau (#008080), hitam (#000000), atau putih (#ffffff). Untuk mengetahui kode warna lebih lanjut bisa lihat disini.

Jarak/padding antara tulisan dengan tepi warna (border) dapat disesuaikan dengan yang diinginkan. Angka pertama menunjukan jarak bagian atas, angka kedua menunjukan jarak bagian kanan, angka ketiga menunjukan jarak bagian bawah, dan angka keempat menunjukan jarak bagian kiri.

Kode akan mengalami sedikit perubahan setelah diletakan pada Edit HTML, tidak menjadi masalah karena tetap kode yang sama hanya saja dengan tampilan yang sedikit berbeda. Lakukan pemberian kode ini setelah penulisan posting selesai. Selamat mencoba.


0 comments:

Post a Comment