Skip to content Skip to sidebar Skip to footer

Cara Membuat Background Text Area pada Postingan Blog

Cara Membuat Background Text Area pada Postingan BlogKali ini sesuai judul, yakni semoga 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 instruksi 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

<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 final menutup mata. (Ismail Marzuki)
</div>

Hasilnya akan tampak ibarat 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 final menutup mata. (Ismail Marzuki)

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

Post a Comment for "Cara Membuat Background Text Area pada Postingan Blog"