Cara Membuat Teks Area dan Variasi Text Area

Sebelumnya saya pernah membuat artikel tentang cara membuat text area dan modifikasinya, nah pada kesempatan ini, saya akan menambah lagi berbagai macam variasi teks area dan cara membuat text area tersebut.  Untuk apa sih teks area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. Selain itu terkadang kita dalam mengcopy paste kode tertentu terkadang keluar jalur alias melewati batas area artikel blog. Hal tersebut terjadi karena kita cuma memasukkan kode-kode tersebut ke dalam blockquote. Nah disnilah fungsi utama dari teks area tersebut. 

Pada kesempatan ini saya akan memberikan 2 variasi teks area. yaitu text area sederhana / default, text area dengan fungsi select / copy all,

Cara memasang teks area ini adalah pada saat menulis postingan pilih menu HTML (bukan edit HTML template loh yaah).

<div style="background: #f2f2f2; border: 3px solid #FF0000; padding: 15px;"> diisi dengan kalimat, kata, kode yang diinginkan </div> <br>
dengan kode di atas maka tampilan teks area seperti di bawah ini.tulisan solid berarti garis tepi pada text area anda isa mengganti sesuka hati dan background adalah warna background

hasil :

diisi dengan kalimat, kata, kode yang diinginkan

NB : jika text area diatas kurang efektif anda bisa juga memakai yg berikut ini :

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div> <div align="center"> </div> <div align="center"> <textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">Berikut ini adalah cara membuat teks area dengan copy / select all atau cara klik copy al

Kode diatas adalah cara membuat dengan text area dengan perintah / fungsi select / copy all

silakan sobat atur letaknya center artinya posisi text area ditengah, height > tinggi nya, width > lebar form teksnya.
hasil :

Berikut ini adalah cara membuat teks area dengan copy / select all atau cara klik copy all <br>

Demikian cara membuat teks area dalam postingan blog. Nah, bagaimana sobat, terserah anda mau pilih yang mana yang terbaik. silakan dicoba. Salam Blogger. :D

Ditulis Oleh : Anggi Yusuf M. ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Teks Area dan Variasi Text Area. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://anggiblog22.blogspot.com/2012/10/cara-membuat-teks-area-dan-variasi-text.html" target="_blank">Cara Membuat Teks Area dan Variasi Text Area</a>

:: Get this widget ! ::

Related Post :