Get Gifs at CodemySpace.com

Sabtu, 05 November 2011

Membuat Text Area

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. /*
cols="20" /*Menunjukkan lebar text area. /*
Contoh penerapannya langsung: 
<p align="center"><textarea name="code" rows="5" cols="20"><a href="http://oilink.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB1j1I_L0A4dYuaNPOqb7rgMPkRIu3x8KXbf5eTBBTOF31kiUMzhv7XdwTkcwJIyLKJpimiplouheccnObpcTJZfFOgDgAEfrZj0zK7BwHOdroXnJ9-EVsJyimskbL0MzyihNA-S63n6Q/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 atauHighlight 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: 
<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://oilink.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB1j1I_L0A4dYuaNPOqb7rgMPkRIu3x8KXbf5eTBBTOF31kiUMzhv7XdwTkcwJIyLKJpimiplouheccnObpcTJZfFOgDgAEfrZj0zK7BwHOdroXnJ9-EVsJyimskbL0MzyihNA-S63n6Q/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.

This work is protected by Copyscape and licensed under a Creative Commons Attribution - Non Commercial - Share Alike 3.0 Unported License. Articles cannot be reproduced without permission from the author. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to this web page.

Tidak ada komentar:

Posting Komentar