Apa itu text area? Definisinya sudah sangat jelas, biar lebih jelas lagi saya paparkan definisi singkat dan fungsi dari penggunaan text area pada blogger. Text area adalah tempat yang disiapkan untuk menyimpan tulisan dengan membentuk area. Biasanya text area ini digunakan untuk menyimpan kode HTML atau bisa juga text lain dengan tujuan untuk mempemudah pengunjung menyalin apa yang ada di dalam text area tersebut. Contoh penggunaan text area biasanya sebagai tempat kode link banner yang siap untuk disalin oleh pengunjung, atau bisa juga pesan admin kepada pengunjung.
Berikut kode untuk membuat text area:
<p align="center"><textarea name="code" rows="5" cols="20">masukkan text atau kode HTML anda di sini</textarea></p> rows="5" /*Menunjukkan tinggi text area. /*Contoh penerapannya langsung:
cols="20" /*Menunjukkan lebar text area. /*
<p align="center"><textarea name="code" rows="5" cols="20"><a href="http://bolehasyik.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1rPKBgf9_Udpd7hwBQ_US5RgjP1qKF6K71CMVmImJDeNVLwGFA0VIzoibvxP3lZUNIRk-KcG9vCQUWXEgBhezK6_xR8-Cry1VRm9OeuieU99MghPCdM3cJZETRJI2ybsCd2xHpygth8/s1600/Link+Orang+Indonesia.gif" border="0" alt="Blogspot Tutorial" /></a></textarea></p> Maka hasilnya menjadi:Ada cara lain yang lebih memudahkan pengunjung untuk mendapatkan kode HTML yang disediakan oleh kita yaitu dengan memberikan variasi penambahan tombol Select All atau Highlight All. Hanya ikuti langkah mudah berikut untuk mengubah kode text area dengan Select All atau Highlight All.
<form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div><p align="center"><textarea style="width: 300px; height: 150px" name="txt" rows="100" wrap="virtual" cols="55">masukkan text atau kode HTML anda di sini</textarea></p></form>
<div align="center"> /*Menunjukkan posisi tombol Select All./*
value="Select All" /*Tulisan yang akan muncul di tombol dan dapat diganti terserah anda seperti Highlight All. /*
Contoh penerapannya langsung:
Bagaimana? Siap untuk bertukar link menggunakan text area ini dengan sahabat blogger lain. Selamat mencoba.
<form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div><p align="center"><textarea style="width: 300px; height: 150px" name="txt" rows="100" wrap="virtual" cols="55"><a href="http://bolehasyik.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1rPKBgf9_Udpd7hwBQ_US5RgjP1qKF6K71CMVmImJDeNVLwGFA0VIzoibvxP3lZUNIRk-KcG9vCQUWXEgBhezK6_xR8-Cry1VRm9OeuieU99MghPCdM3cJZETRJI2ybsCd2xHpygth8/s1600/Link+Orang+Indonesia.gif" border="0" alt="Blogspot Tutorial" /></a></textarea></p></form>Maka hasilnya menjadi:Bagaimana? Siap untuk bertukar link menggunakan text area ini dengan sahabat blogger lain. Selamat mencoba.
Tidak ada komentar:
Posting Komentar