Cara Membuat Warna Background Teks Di Postingan blog

Cara membuat warna background teks tulisan di postingan artikel blogger, maksudnya adalah memberi warna tampilan suatu tulisan text tertentu di post atau di widget gadget blogger / web.

Mengganti suatu warna background pada teks salah satu tujuannya mungkin untuk menandai suatu tulisan teks tertentu agar terlihat jelas. Langsung saja perhatikan caranya dibawah ini.

Cara Membuat Warna Background Teks Di Postingan blog

Gambar 1. Klik untuk perbesar tampilan.

Lihat pada contoh gambar 1 diatas, saya membuat suatu teks pada widget / gadget, anda perhatikan dengan jelas.

- Pada tulisan: .:[Close][Klik 2x]:. background nya berwarna putih

- Pada tulisan: ...Wellcome... s/d Terima Kasih. background nya berwarna hitam

Cara penerapan nya:

- <div style="background-color:white;">.:[Close][Klik 2x]:.</div>

- <div style="background-color:black;">Wellcome</div>

Dari cara diatas pastinya anda sudah mengerti caranya dan gampang kan tidak susah, untuk contoh gabungan beberapa kode juga bisa dilakukan, pintar-pintar lah mengedit kode anda sendiri, lihat contoh dibawah.

- <div style="text-align:center; background-color:white; margin-left:17.5em; margin-right:17.5em;">.:[Close][Klik 2x]:.</div>

Dari contoh diatas adalah gabungan dari beberapa kode jenis tulisan, background, margin, bisa juga ditambah kode padding dan border. Pelajarilah tentang kode-kode CSS agar anda lebih mengerti.

Selain kode diatas, juga masih ada kode yang lain nya yang bisa diletakkan pada postingan artikel anda. Perhatikan contoh dibawah ini.

-<span style="background-color: #99FF00;"> contoh kalimat anda </span>

Atau karena pada beberapa css template, fungsi selector < span > sudah dirubah seperti fungsi selector < div >, maka gunakan saja kode dibawah ini.

< b style="background-color: #99FF00;"> kalimat anda < /b >