My Biarcool Info.

Sobat blogger, ingin mengubah tulisan huruf postinganmu agar lebih berwarna–warni. Nah tips bagi blogger kali ini akan diulas cara menulis kode HTML untuk mewarnai huruf dan latar belakang teks (background color). Tujuannya mengubah wanra huruf atau tulisan di postingan biar tampak lebih menarik. Nah dibawah ini terlihat contoh kode CSS HTML tag span style yang bisa digunakan untuk mengubah warna latar belakang teks tulisan. Pengguna bisa memisahkan kode CSS dengan HTML. Silahkan disalin (Ctrl X)!

Warna latar belakang Merah Tua, Warna teks Kuning

Kode CSS/HTML dibawah ini:
<span style="background-color: darkred; color: yelow; ">Warna latar belakang Merah Tua, Warna huruf Kuning</span>

Kombinasi kode CSS dan HTML dibawah ini:
</p> <style> #warna1 { background-color: darkred; color: yellow } </style> <p> <span id="warna1">Warna latar belakang Merah Tua, Warna huruf Kuning</span>

Keterangan:
– background-color: => kode css untuk mewarnai latar belakang huruf
– color: => kode css untuk mewarnai huruf

Perhatian : Jangan lupa menggunakan modus Text (wordpress) atau Edit HTML (blogspot) di jendela Editor Post agar kode html yang disalin dengan benar! Caranya klik kode HTML dibawah ini, lalu tekan Ctrl-X untuk menyalin kode, kemudian tekan Ctrl-V untuk mempastekan ke dalam postingan blog-mu!

Beberapa contoh pewarnaan huruf dan latar belakang teks, antara lain:

Warna latar Merah Tua, warna teks putih<span style="background-color: darkred; color: white; ">Warna Merah Tua</span>

Warna latar Merah Muda<span style="background-color: pink;">Warna Merah Muda</span>

Warna latar Biru Tua, warna teks putih<span style="background-color: darkblue; color: white; ">Warna Biru Tua</span>

Warna latar Biru<span style="background-color: blue;">Warna Biru</span>

Warna latar Biru Muda<span style="background-color: lightblue;">Warna Biru Muda</span>

Warna Kuning<span style="background-color: yellow;">Warna Kuning</span>

Warna Oranye<span style="background-color: orange;">Warna Oranye</span>

Warna Hijau Tua, warna teks putih<span style="background-color: darkgreen; color: white; ">Warna Hijau Tua</span>

Warna Hijau<span style="background-color: green;">Warna Hijau</span>

Warna Hijau Muda<span style="background-color: lightgreen;">Warna Hijau Muda</span>

Warna Ungu muda<span style="background-color: magenta;">Warna Magenta</span>

Warna latar biru aqua, warna teks biru tua<span style="background-color: Aqua; color: darkblue; ">Warna latar biru aqua, warna teks biru tua</span></li> <li><span style="background-color: tomato; color: white; ">Warna latar merah tomato, warna teks putih</span><br /> <textarea title="tekan Ctrl X untuk mengkopi kode ini" onclick="this.focus();this.select()" cols="70%" rows="1"><span style="background-color: tomato; color: white; ">Warna latar merah tomato, warna teks putih</span>

Warna latar Coklat
<span style="background-color: brown;">Warna Coklat</span>

Warna latar Abu-abu
<span style="background-color: grey;">Warna Abu-abu</span>

Warna latar belakang hitam, warna huruf putih
<span style="background-color: black; color: white; ">Warna Abu-abu</span>

Nah, sekarang, terserah mau pilih kode HTML warna mana yang sobat inginkan, cukup di copy (Ctrl X) lalu dipastekan ke dalam editor postingan blogmu, dan kemudian tinggal sedikit diedit/diubah tulisan “Warna latar ……” dengan tulisan kata-kata yang diinginkan, dan jadilah….tulisan ber–warna.
Nah, itulah sedikit tips cara tulis kode HTML warna latar belakang huruf di postingan blog. Semoga tips blogger ini berguna.

Ok. Demikianlah postingan Tips: Cara menulis kode HTML mengubah warna huruf dan latar belakang teks di postingan Blog. Semoga artikel ini bisa bermanfaat dan menambah wawasan anda. Sekian terima kasih atas kunjungannya. Silahkan membagi artikel ini ke teman atau kenalanmu dengan mengklik salah satu sharing ikon dibawah!

dan Jangan lupa tinggalkan pesan/komentar/saran apapun yang baik & berguna dibawah ini!