HOME | ABOUT ME | DAFTAR ISI | welcome to happydesug.blogspot.com

Rabu, 13 Mei 2009

Kode HTML Untuk Memberi Warna Pada Teks (Hi-Lite) Atau Memberi Warna Pada Background Posting

Kode untuk memberi warna pada teks (hi-lite) atau background (latar belakang) posting ini aku dapatkan dari BlogBulk, Blogger templates and Blog help.

sementara1

Kodenya singkat aja, dan diletakan pada HTML posting yang diinginkan untuk diberi warna, jadi bisa bikin warna latar belakang setiap posting berbeda satu sama lain.


Caranya adalah sebagai berikut:
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, masukan kode berikut:
</div>

sementara4

Lalu kembali ke mode Tulis 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.

Posting Dengan Kategori Sama



4 komentar:

eko s mengatakan...

mantap artikelnya.. boz.. saya membuat related post atau artikel yang berkaitan tapi tampilannya ada dua. tapi yang punya boz ini tampilannya satu, gimana yach cara ngilangin yang satunya atau bikin kayak yang punya boz ini. terima kasih

dodi mengatakan...

@eko s:
mungkin artikelnya punya 2 label/kategori kali ya? kalo label/kategorinya lebih dari 1, maka tampilan related post-nya juga lebih dari 1 ya.

Anonim mengatakan...

mantap dah...lain kali berkunjung lagi :)

dodi mengatakan...

@adminblog: thanks dah mampir

@grandchief: tahnks dah mampir dan ditunggu kunjungan selanjutnya :-)

Posting Komentar

Related Posts with Thumbnails