Cara Menciptakan Kotak Text Area Di Blogspot

Cara menciptakan Text area dengan mudah 

Kangkomar.net - Cara menciptakan text area dengan gampang dan cepat, sebelum kangkomar berlari menjelaskan semua perihal cara menciptakan text area di postingan blog, kali kangkomar akan menjelaskan sedikit perihal apati itu Text area ? Text area yakni area daerah unutk menyimpan text atau goresan pena barum atau dapat di katakan sebuah komponen HTML yang di gunakan untuk menampilkan arahan script dalam bentuk dan format text.

Biasanya text area di pakai untuk menyimpan arahan HTML yang tidak dapat di tulis eksklusif ke dalama sebuah postingan di blog atau web, dari text area ini kurang lebih untuk 
memudahkan pengunjung mengcopy seluruh isi text atau arahan html yang di inginkan.

Baca juga"Kriteria blog / web yang di sukai Google"

Cara menciptakan Text are dipostingan

1. Tipe text area Standar

• Pertama yang sobat lakukan yakni harus Login ke blogspot terlebih dahulu.
• Setelah login sobat menciptakan postingan artikel gres dengan cara kli Entri baru.
  
• Kemudian buat judul sesuai keinganan sobat dan tuliskan arahan html berikut ini.
  
• <p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang sobat inginkan di sini, maka nanti goresan pena sobat akan tampil di dalam text area ini </textarea></p>

Sebagai pola balasannya akan menyerupai ini

Tulis text ataupun kode-kode yang sobat inginkan di sini, maka nanti goresan pena sobat akan tampil di dalam area text ini

Keterangan : rows="6", mengambarkan tinggi dari text area. jadi jikalau sobat menginginkan text area yang yang tinggi maka silahkan ganti angka "6" dengan angka yang lebih tinggi nilainya misalnya 8,9,10, dan seterusnya sesuai denga kebutuhan sahabat.

Cols="20", mengambarkan lebar dari text area, jikalau sobat mengigninkan text area yang lebih lebar maka silahkan ganti angka "20" tadi dengan angka yang lebih tinggi nilainya misalnya 23,24,25,26 dan seterusnya.

Baca juga "Penjelasan lengkap perihal arahan HTML"

2. Tipe text area dengan menggunakan Highlight all

Ada variasi lain dari menciptakan text area ini, yaitu dengan text area menggunakan tombol highlight dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk meng-copy seluruh isi dari text ataupun kode-kode yang di berikan oleh sahabat, alasannya yakni dengan hanya sekali tekan saja pada tombol highlight tadi, mak seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasulitas ini sangat  berguna tatkala text ataupun kode-kode yang di berikan di dalma jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalanya suatu text ataupun kode-kde untuk di copy paste oleh sahabat, untuk menciptakan text area dengan menggunakan hightlight ini silahkan sobat copy arahan HTML di bawah ini.

<div><form name="copy"><div align="center"><input onclick="javascript:this.txt.focus();this.form.txt.select();" type="button"value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH:300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols ="55">simpan goresan pena sobat di sini, mak goresan pena yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung </textarea></p></div></form>

sebagai pola balasannya akan menyerupai di bawah ini

simpan goresan pena anda di sini, maka goresan pena yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar sobat lebih memahami arahan di atas, sedikit kangkomar akan menguraikan arahan di atas memiliki dua elemn yaitu elemen arahan untuk menciptakan tombol yang bertuliskan HIGlight ALL, dan yang kedua yakni elemen arahan untuk menciptakan text area.

Elemen-elemen tombol Hightlight All

• <div align="center">..> kata center mengambarkan bahwa posisi tombol akan berada di tengah, jadi jikalau sobat menginginkan posisi tombol berada di tepi sebelah kiri, tinggil ganti dengan kata left, an jikalau ingin berada di tepi sebelah kanan, sobat tinggal mengganti dengan kata rigt.
• <input onclick="javascript:this.form.txt.focus();this.form.select()">...> arahan ini artinya saat tombol highlight di klik, mak seluruh text yang ada di dalamnya akan di higlight (di tandai atau di block), jadi sobat jangan merubah goresan pena ini sedikit pun.
• Value="Highlight All"> kata Higlight All yakni kata yang akan muncul di dalam tombol, jadi jikalau sobat ingin merubah ini silahkan ganti dengan kata yang sobat inginkan.

Elemen-elemen text area

• <p align="center">..> Ini mengambarkan bahwa text area akan berada di tengah, nah jikalau sobat ingin text area sobat berad di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, maka ganti dengan kata right.
• <text style="WIDTH: 300px">..> kata WIDTH:300px mengambarkan lebar dari text area tersebut sebanyak 300 pixel, jadi jikalau sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan, misal WIDTH:700PX"

Baca juga "Cara menciptakan blog melalui smartphone"

Contoh text area yang menggunakan tombol highlight di atas, memuat script untuk melindungi dari right click para pengunjung, script ini di pakai apabila sobat tidak ingin tulisan-tulisan sobat di copy paste oleh pengunjung, bagi yang berminat silahkan copy kemudian pasang arahan HTML sobat di antara arahan <HEAD> dan </HEAD> selamat mencoba kangkomar pamit dan apabila ada pertanyaan silahkan tinggal menghubungi kangkomar melalui kolom komentar di bawah ini sampa jumpa.

Berbagi :