Latest News

Cara Membuat 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 menyampaikan kefokusan sebuah bacaan. Pengunjung lebih mudah 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 arahan berikut, lalu pastekan ke area HTML postingan.

Kode di atas mampu 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 mampu melihat balasannya menyerupai pola 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 awet nan jaya. Indonesia semenjak dulu kala selalu dipuja-puja bangsa. Di sana daerah lahir beta. Dibuai dibesarkan bunda. Tempat berlindung di hari renta hingga simpulan menutup mata. (Ismail Marzuki)
</div>

Hasilnya akan tampak menyerupai berikut.

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

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