Cara Membuat Text Area di Blog

Sebagai blogger, Anda pernah mempublikasikan artikel yang berisi teks panjang atau kode html yang panjang. Ketika mempublikasikan mungkin Anda pernah menuliskan teks, kutipan maupun kode html yang begitu panjang atau memang dikhususkan untuk disalin oleh pengunjung blog. Sebagai contoh dalam penulisan kode html yang sangat panjang, tentu akan memakan ruang di blog dan juga formatnya sulit untuk diatur sehingga terkesan tidak rapi dan tidak nyaman dibaca. Untuk menangani hal tersebut ada solusinya, yaitu menggunakan text area atau area yang dikhususkan untuk teks. Text area adalah sebuah area/kolom yang dibuat sebagai kontainer (untuk memuat) tulisan atau kode html di dalam suatu postingan blog. Selain sebagai kontainer text biasa, text area juga bisa ditambahkan dengan fungsi highlight untuk memudahkan pengunjung melakukan penyalinan seluruh isi di text area tersebut.

Berikut adalah cara untuk membuat text area di blog:

1. Buka blogger.com dan login ke dalam akun blog Anda.
2. Pilih buat entri baru atau edit entri lama.
3. Pindah ke menu edit HTML.
4. Salin dan tempelkan kode script text area.

Sebelumnya ada beberapa model text area, antara lain model text area biasa dan text area dengan highlight. Anda dapat memilihnya sesuai dengan kebutuhan Anda. Berikut adalah model-model text area tersebut:

# Simple Text Area

Catatan : rows dan cols bisa di ganti sesuai selera

Code :

<p align="center">

<textarea name="mytextarea" rows="5" cols="40"readonly="">Text Yang Diinginkan</textarea></p>

 

Hasilnya :

Text Yang Diinginkan

# Simple Text Area With Auto Highlight

Code :

<div style="text-align: center;">
<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">ISI DENGAN TEXT YANG DIINGINKAN</textarea></div>

Hasilnya :

ISI DENGAN TEXT YANG DIINGINKAN

Terima Kasih sobat JunksCode sampai jumpa di artikel selanjutnya