![thumbnail](Apa itu Text Area ? Berikut penjelasan dan Cara Membuat Text Area di Blog dan Web<br />
Text Area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat Link Exchange, dll.
Atau pada Box TextArea.<br />
<br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><b>Model Tex Area 1</b></span><br />
Copy dan Paste Kode berikut pada halaman Posting html klik Compose<br />
Untuk Ukuran rows (baris) dan Cols (ukuran lebarnya) Anda atur sesuai selera.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPrX3_VFuHb9pGENyBq2rAuTin6Cr3J2Z1qU3ioASBJgerWRx-dB_VwFHaLIWcI2lXCaagZntP0tHrqeppG1Q7eVFZp7MHB1YWeyiAD_ZB5KWOUsO4SnxeHEFSt2kR45STmccpPgrGKGt/s1600/TextArea-Model-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="391" data-original-width="457" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPrX3_VFuHb9pGENyBq2rAuTin6Cr3J2Z1qU3ioASBJgerWRx-dB_VwFHaLIWcI2lXCaagZntP0tHrqeppG1Q7eVFZp7MHB1YWeyiAD_ZB5KWOUsO4SnxeHEFSt2kR45STmccpPgrGKGt/s320/TextArea-Model-1.jpg" width="320" /></a></div>
<br />
<br />
Text Area Model 1 ini sangat sederhana Jika Pengunjung ingin Copy Script yang berada di Text Area, cukup copy secara manual.<br />
<br />
<b>Copy dan Paste Kode Berikut :</b><br />
<div class="MsoNoSpacing">
<span lang="EN-US" style="color: red; font-size: 12.0pt;"><p align="left"><textarea name="code"
rows="7" cols="20"></span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12.0pt; mso-bidi-font-weight: bold;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12.0pt; mso-bidi-font-weight: bold;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12.0pt; mso-bidi-font-weight: bold;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12.0pt; mso-bidi-font-weight: bold;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span style="color: red;"></textarea></p></span><br />
<span style="color: red;"><p></p></span><br />
<span style="color: red;"><p></p></span><br />
<div>
<br /></div>
</div>
<b>Maka Hasilnya Seperti ini :</b><br />
<span style="font-size: medium;"><b>Model Tex Area 1</b></span><br />
<div align="left">
<textarea cols="20" name="code" rows="7">----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
</textarea></div>
<br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><b>Model Tex Area 2</b></span><br />
Untuk membuat TextArea yang ketika diklik tulisan dalam TextArea akan langsung terpilih semua (HighLight), maka gunakan kode berikut ini, caranya sama seperti di atas
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcrm20CMFMDj5jQCNHz0rHffXVgwCqcjNVf40JGLJJyws2snH9NoUR723PDvmzOW6TQmptXa1X7zwvkdCYN5ngJFQViZ5E0_AwbfCprFGV3qc_-IrEpIKwEN1PftD7JyNeaN49zJgy-mUz/s1600/TextArea-Model-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="378" data-original-width="415" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcrm20CMFMDj5jQCNHz0rHffXVgwCqcjNVf40JGLJJyws2snH9NoUR723PDvmzOW6TQmptXa1X7zwvkdCYN5ngJFQViZ5E0_AwbfCprFGV3qc_-IrEpIKwEN1PftD7JyNeaN49zJgy-mUz/s320/TextArea-Model-2.jpg" width="320" /></a></div>
<br />
<b><br /></b>
<b>Copy dan Paste Kode Berikut :</b><br />
<span style="color: purple;"><p align="left"><textarea name="code" rows="5" cols="30" onclick="this.focus();this.select();"></span><br />
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12pt;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12pt;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12pt;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<div class="MsoNoSpacing">
<span lang="EN-US" style="font-size: 12pt;">----- Letakan Kode Script Text Area Anda Disni ----- </span></div>
<span style="color: purple;"></textarea></p></span><br />
<span style="color: purple;"><p></p></span><br />
<span style="color: purple;"><p></p></span><br />
<br />
<b>Maka Hasilnya Akan Seperti ini :
</b><br />
<b>Model Tex Area 2</b><br />
<div align="left">
<textarea cols="30" name="code" onclick="this.focus();this.select();" rows="5">----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
</textarea></div>
<br />
<br />
<span style="font-size: large;"><b>Model Tex Area 3</b></span><br />
Cara di atas tanpa menggunakan tombol, sedangkan TextArea yang disertai dengan tombol Select All/HighLight yang berguna untuk memblok (select) semua tulisan dalam TextArea.
Untuk membuat TextArea dengan tombol Select All silakan salin kode di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWd8vUFvKJwkANiBFL0-v-HUSmeJHuBep4XteKgkWjjpUcclesWiIV6UtgqUU5OBPVxXZ5BmLhnFyOChbuYwfn0z5v2zDfRH_iJpoUAuNNShxAXE4gzulCj1LF7xI1dXJL7ty4t4j10C1/s1600/TextArea-Model-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="438" data-original-width="596" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWd8vUFvKJwkANiBFL0-v-HUSmeJHuBep4XteKgkWjjpUcclesWiIV6UtgqUU5OBPVxXZ5BmLhnFyOChbuYwfn0z5v2zDfRH_iJpoUAuNNShxAXE4gzulCj1LF7xI1dXJL7ty4t4j10C1/s320/TextArea-Model-3.jpg" width="320" /></a></div>
<br />
<b>Copy dan Paste Kode Berikut :</b><br />
<span style="color: blue;"><div></span><br />
<span style="color: blue;"><form name="copy"></span><br />
<span style="color: blue;"><div align="left"></span><br />
<span style="color: blue;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div></span><span style="color: blue;"><p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55"></span><br />
----- Letakan Kode Script Text Area Anda Disni -----<br />
----- Letakan Kode Script Text Area Anda Disni -----<br />
<span style="color: blue;"></textarea></p></span><br />
<span style="color: blue;"><p></p></span><br />
<span style="color: blue;"><p></p></span><br />
<span style="color: blue;"></form></span><br />
<span style="color: blue;"></div></span><br />
<br />
<b>Maka Hasilnya Demikian :</b><br />
<b>Model Tex Area 3</b><br />
<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<div align="left">
<textarea cols="55" name="txt" rows="500" style="height: 50px; width: 300px;" wrap="virtual">----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
----- Letakan Kode Script Anda Disni -----
</textarea></div>
</form>
</div>
<b><span style="font-size: large;">Selamat Mencoba Semoga Anda Sukses.</span></b>
<br/>
<br/>
)
Apa itu Text Area ? Berikut penjelasan dan Cara Membuat Text Area di Blog dan Web
Text Area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat Link Exchange, dll. Atau pada Box TextArea.
Model Tex Area 1
Copy dan Paste Kode berikut pada halaman Posting html klik Compose
Untuk Ukuran rows (baris) dan Cols (ukuran lebarnya) Anda atur sesuai selera.
Text Area Model 1 ini sangat sederhana Jika Pengunjung ingin Copy Script yang berada di Text Area, cukup copy secara manual.
Copy dan Paste Kode Berikut :
<p align="left"><textarea name="code"
rows="7" cols="20">
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
</textarea></p>
<p></p>
<p></p>
Maka Hasilnya Seperti ini :<p></p>
<p></p>
Model Tex Area 1
Model Tex Area 2
Untuk membuat TextArea yang ketika diklik tulisan dalam TextArea akan langsung terpilih semua (HighLight), maka gunakan kode berikut ini, caranya sama seperti di atas
Copy dan Paste Kode Berikut :
<p align="left"><textarea name="code" rows="5" cols="30" onclick="this.focus();this.select();">
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
</textarea></p><p></p>
<p></p>
Maka Hasilnya Akan Seperti ini :
Model Tex Area 2
Model Tex Area 3
Cara di atas tanpa menggunakan tombol, sedangkan TextArea yang disertai dengan tombol Select All/HighLight yang berguna untuk memblok (select) semua tulisan dalam TextArea. Untuk membuat TextArea dengan tombol Select All silakan salin kode di bawah ini.
Copy dan Paste Kode Berikut :
<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div><p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55">
----- Letakan Kode Script Text Area Anda Disni -----
----- Letakan Kode Script Text Area Anda Disni -----
</textarea></p>
<p></p>
<p></p>
</form>
</div>
Maka Hasilnya Demikian :
Model Tex Area 3
0 komentar:
Posting Komentar