assalamualaikum wr.wb. kali ini saya akan memposting tentang bagaimana
cara membuat text area di postingan. text area sangat berguna bagi para blogger yang memiliki
tutorial blog seperti blog ini.dengan adanya text area kita bisa memasukkan script kode widget yang ingin kita share kepada para pengunjung
.dalam kesempatan kali ini saya akan memberitahu 3 cara sekaligus yaitu :
- text area biasa
- text area menggunakan copy all
- text area menggunakan blok semua teks ketika di klik
nah kalo mau tau caranya ini dia
1. text area standar :
contoh text area standar
<div style="background-color: #f2f2f2; border: 2px solid #f4f4f4; height: 50px; overflow: auto; padding: 10px; width: 300px;">text</div>
keterangan :
*untuk mengubah bacground ubah #f2f2f2 dengan kode warna yang diinginkan
lihat disini
*untuk mengubah tinggi ubah height: 50px; menjadi height: 100 px; atau tinggi yang anda inginkan
*untuk mengubah lebar ubah width: 300px; menjadi width: 200px; atau lebar yang anda inginkan
2.text area menggunakan copy all :
<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">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Tulisan yang mau di tulis/ kode Html</textarea></div>
</form>
</div>
keterangan:
*untuk mengubah "copy all" ubah
type="button" value="copy all" /> </div> menjadi type="button" value="pilih semua " /> </div> atau dengan teks yang anda inginkan
*karna isi dari text area ini tak bisa di edit di bagian compose jadi di bagian html
"VIRTUAL">Tulisan yang mau di tulis/ kode Html</textarea></div>
bagian merah bisa anda ubah dengan teks yang anda inginkan
3.text area menggunakan blok semua ketika di klik
<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Contoh Text Area otomatis memblok semua tulisan saat di klik</textarea></div>
keterangan :
*karna isi dari text area ini tak bisa di edit di bagian compose jadi di bagian html
rows="3">Contoh Text Area otomatis memblok semua tulisan saat di klik</textarea></div>
bagian merah bisa anda ubah dengan teks yang anda inginkan
oke sekian postingan dari saya jika masih mengalami kesulitan silahkan berkomentar dengan relevan.waassalamualaikum wr.wb. dan terimakasih
