Trik Membuat Text Area di dalam Postingan Blogspot

Sebelum kita membahas bagaimana Trik Membuat Text Area di dalam Postingan Blogspot, ada baiknya kita tahu apa sebenarnya text area dan apa fungsinya. Text area adalah sebuah kolom yang dibuat khusus untuk menyajikan sesuatu yang biasanya dianggap penting, misalnya kode HTML atau kalimat yang membutuhkan penekanan khusus. Selain itu, dengan text area yang kita pasang kode HTML yang panjang dapat terlihat lebih rapi dan memudahkan pengunjung dalam melakukan copy kode HTML tersebut.

Cara memasang text area sedikit berbeda dengan penulisan post biasa. Pada kotak edit post, kita pilih mode HTML yang terletak di sudut kiri atas kotak edit post, bukan Compose seperti biasanya kita menulis postingan. Bagi yang ingin memasang text area, berikut ada beberapa contoh text area yang bisa digunakan. Silahkan copy kodenya sesuai dengan tampilan yang diinginkan dengan catatan hapus tanda * (bintang) dalam kode yang ditampilkan.

Contoh-contoh kode script untuk text area.

<*div align="center"> <textarea cols="50" name="code" rows="3" style="-moz-border-radius: 7px; background: #FBEFFF; border-left: 20px solid #CA3DD9; border: 1px solid #CA3DD9; color: #ca3dd9; line-height: 1.5em; padding: 5;">ISI TEKS DISINI<*/textarea></div>

<*div align="center"> <textarea cols="50" name="code" rows="3" style="-moz-border-radius: 5px; background: #000; border: 2px inset #ccc; color: white; line-height: 1.5em; padding: 0 7px;"> ISI TEKS DISINI <*/textarea></div>

<*div align="center"> <textarea cols="50" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #40FF1F; border-left: 4px solid #FFE900; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; color: red; line-height: 1.5em; padding: 5px;"> ISI TEKS DISINI <*/textarea></div>

<*div align="center"> <textarea cols="50" name="code" rows="3" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #FFDAAF; border: 2px ridge #7F4500; color: #7f4500; line-height: 1.5em; padding: 5px;"> ISI TEKS DISINI <*/textarea></div>

<*div align="center"> <textarea cols="50" name="code" rows="3" style="background: #DAFFBF; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;"> ISI TEKS DISINI <*/textarea></div>

<*div align="center"> <textarea cols="50" name="code" rows="3" style="background: #EF0090; border: 3px dotted #FFEFF9; color: #ffeff9; line-height: 1.5em; padding: 5px;"> ISI TEKS DISINI <*/textarea></div>

<*div align="center"> <textarea cos="50" name="code" rows="3" style="background: #FF000A; border: 3px double #ffaf; color: white; line-height: 1.5em; padding: 5px;"> ISI TEKS DISINI <*/textarea></div>

Demikian Trik Membuat Text Area di dalam Postingan Blogspot. Semoga apa yang telah saya bagikan ini dapat berguna dan memberikan manfaat bagi kita semua.