Cara Menciptakan Background Text Area Pada Postingan Blog

Cara Membuat Background Text Area pada Postingan BlogKali ini sesuai judul, yakni biar text area yang kita buat ada warnanya. Selain tampilan postingan lebih menarik, text area yang berwarna akan menawarkan kefokusan sebuah bacaan. Pengunjung lebih gampang menangkap goresan pena inti yang disampaikan dalam sebuah postingan.

Membuat text area pernah aku singgung sebelumnya. Bagi yang belum membaca silakan menuju ke artikel Meletakkan Kode Script dan Text Area dengan Tombol Highlight.

Caranya ialah dengan menambahkan instruksi berikut, kemudian pastekan ke area HTML postingan.

Kode di atas dapat dirubah, sesuaikan dengan kondisi blog sahabat. Berikut keterangan perubahannya :

width : lebar text area
height : tinggi text area
background-color : warna background text area
text-align : alinea text
padding : jarak antar tulisan
border : tebal tipisnya garis tepi text area
solid : warna garis tepi text area.

Sahabat dapat melihat kesannya menyerupai teladan berikut :

<div style="overflow: auto; width: 500px; height: 100px; 
background-color: #99ffff; text-align: justify; padding: 5px; 
border: 1px solid #66CCFF;">
Indonesia tanah air beta. Pusaka kekal nan jaya. Indonesia semenjak dulu kala selalu dipuja-puja bangsa. Di sana kawasan lahir beta. Dibuai dibesarkan bunda. Tempat berlindung di hari bau tanah hingga simpulan menutup mata. (Ismail Marzuki)
</div>

Hasilnya akan tampak menyerupai berikut.

Indonesia tanah air beta. Pusaka kekal nan jaya. Indonesia semenjak dulu kala selalu dipuja-puja bangsa. Di sana kawasan lahir beta. Dibuai dibesarkan bunda. Tempat berlindung di hari bau tanah hingga simpulan menutup mata. (Ismail Marzuki)

Demikian cara menciptakan background pada text area pada postingan. Semoga bermanfaat.

Subscribe to receive free email updates:

0 Response to "Cara Menciptakan Background Text Area Pada Postingan Blog"

Posting Komentar