Cara Membuat Background Text Area pada Postingan Blog

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

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

Caranya adalah dengan menambahkan kode berikut, lalu pastekan ke area HTML postingan.

Kode di atas bisa 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 bisa melihat hasilnya seperti contoh 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 abadi nan jaya. Indonesia sejak dulu kala selalu dipuja-puja bangsa. Di sana tempat lahir beta. Dibuai dibesarkan bunda. Tempat berlindung di hari tua sampai akhir menutup mata. (Ismail Marzuki)
</div>

Hasilnya akan tampak seperti berikut.

Indonesia tanah air beta. Pusaka abadi nan jaya. Indonesia sejak dulu kala selalu dipuja-puja bangsa. Di sana tempat lahir beta. Dibuai dibesarkan bunda. Tempat berlindung di hari tua sampai akhir menutup mata. (Ismail Marzuki)

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

2 comments