Cara Membuat Text Area di Blog

Hello Gan , pada kesematan kali ini ane akan meng-share tentang "Cara Membuat Text Area di Blog", mungkin masih ada agan-agan yang bingung apa itu text area? , menurut ane text area di gunakan sebagai tempat untuk menampilkan script di postingan gan. Selain itu, penggunaan Text Area juga memudahkan para pengunjung untuk meng-copy script jika blog agan-agan berisi tutorial blog , text area tidak hanya untuk postingan saja gan tapi juga bisa di gunakan sebagai widget di sidebar kita.

jika agan-agan ingin membuatnya agan bisa mengikuti langkah-langkahnya dari ane :

• Agan login ke akun agan
• Trus agan pilih New Entri jika agan ingin menaruhnya pada postingan gan / pilih tata letak jika agan ingin menaruhnya di widget
• trus agan pilih menu html gan di sampingnya compose
• trus letakkan kode berikut

<textarea name="code" rows="2" cols=35">Masukkan teks/kode agan disini !!</textarea>

• kemudian agan isi deh tulisan berwana biru dengan teks/kode agan .
• jika sudah penampakannya akan seperti ini

Masukkan teks/kode agan disini !! Begitulah caranya membuat text area gan . tapi itu text area versi yang biasa gan, disini ane akan menshare berbagai variasi tentang text area gan :

• Text Area dengan Blok dalam Sekali Klik

<textarea rows="2" cols="35" onclick="this.focus(); this.select();">Masukkan teks/kode agan disini !!</textarea>

• Text Area Dengan Tombol Highligh All

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div> <div align="center"> <textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Masukkan teks/kode agan disini !!</textarea></div> </form> </div>

• Text Area Terblok Semua saat Disorot Mouse

<form name="Ladang Tutorial"><div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"> <textarea cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;"> Masukkan teks/kode agan disini !! </textarea></div></form>

• Text Area Yang Tidak Bisa Dihapus  

<div align="center"><textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Masukkan teks/kode agan disini !! </textarea></div>  

Apabila ada yang masih kurang jelas, agan bisa tinggalkan pesan pada kolom komentar, semoga bermanfaat ya gan .