Cara Membuat Text Area di Blog
Cara Membuat Text Area di Blog- Malam sobat semua? malam hari ini saya akan share artikel yang berjudul Cara Membuat Text Area di Blog. Apa itu text area ? mungkin sobat masih ada yang bingung apa yang dimaksud dengan text area. Text area adalah sebuah kolomyang dibuat sebagai kontainer tulisan atau kode Html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga bisa dibuat dengan fungsi hightlight agar mmudahkan pengunjung untuk copy isi text area.
artikel saya kali ini memang ada kaitanya dengan artikel saya yang sebelumnya, yaitu Cara Membuat Link Exchage pada Sidebar Blog. Pada artikel saya sebelumnya tersebut, saya menggunakan text area pada sidebar sebelah kanan blog saya untuk mengajak pengunjung blog yang ingin bertukaran link dengan saya.(sekarang widget tersebut sudah dihapus), pengunjung blog tinggal mencopy kode banner tersebut dengan mudah.
Langsung saja kita pelajari bagaimana cara membuat kode html text area. kode ini bisa sobat masukan pada websie atau blog sobat.
Membuat Text Area Biasa
<p align="center"><textarea name="mytextarea" rows="5" cols="40" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p>
Hasilnya akan terlihat seperti dibawah ini :
Pada script diatas ada dua parameter yang harus sobat perhatikan, yag pertama adalah cols, yang berarti jumlah karakter yang ditampilkan per baris. Parameter kedua adalah rows yang berarti jumlah baris yang akan ditampilkan pada text area. Jika jumlah baris yang ditampilka nlebih panjang dari text area makan text area akan menampilkan scrolling.
Membuat Text Area Dengan Tombol Hig
light
Text area juga bsia ditamplkan dengan tombol hig
ligt, tombol berfungsi untuk menyorot/block semua tek yang ada papda text area tersebut hanya dengan mengklik tombol higlight tersebut. Ini akan membantu pengunjung blog jika ingin mencopy text area yang terlalu panjang.<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"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
Nanti akan tampil seperti ini :
-
WIDTH: 200px Yang menyatakan lebar dari text area sobat nantinya
HEIGHT: 100px Yang menyatakan lebar dari text area
value="Highlight All adalah Text yang akan ditampillkan pada tombol
thank sob buat tutorialnya...sukses terpakai di blog saya... :D
@Hilmawan Arga
Sama-sama sob, semoga blognya semakin sukses dan maju sob.
Terimakasih juga sob sudah bersedia berkunjung :)
mksih gan buat tutorialnya,, saya akan coba ke bblog saya
@Dhani Ramdhani
Silahkan gan semoga berhasil.
Terimakasih juga atas kunjungan dan komentarnya.
Terimakasih gan atas tutorialnya, akan saya terpkan pada blog saya,.,.
Kereb gan .,. Mantap!
Keren Gan . ..
Sangat Membantu . . ,,
Makasih bgt text areanya, ijin pake ya mas.
mantap dah artikelyna
http://acemaxs31.com/obat-diabetes-melitus-herbal/
Kunjungi juga yang lainya
obat diabetes melitus
obat turun rahim tradisional
obat kanker kelenjar getah bening stadium 4