agar kita dapat menempatkan kode html dalam postingan kita. tentunya kita membutuhkan tempat, kalau hanya sekedar taruh. pastiya kode-kode tersebut akan berubah.itu dulu sob. Sekarang, blogspot semakin canggih. Tanpa pengaya mozilla dan teks area, kita sudah bisa memposting kode HTML secara otomatis. Lalu, apakah textarea masih di perlukan ? Jawabannya bisa YA bisa juga TIDAK. Tergantung bagaimana penilaian anda terhadap kelebihan dan kekurangan teks area.
berikut kami coba untuk berbagi beberapa model teks area untuk di tempatkan di blog kita;
*Untuk membuat text area biasa, kode HTML yang di gunakan seperti ini:
<textarea>Tulisan di dalam teks area</textarea>
Karena terlalu sederhana, saya akan menulis beberapa macam cara membuat teks area di blog agar teks area menjadi lebih menarik.
- Kode untuk membuat teks area pertama :
<div align="center">
<textarea cols="30" name="code" rows="3">Ganti tulisan ini dengan dengan Teks atau Kode HTML yang ingin anda tampilkan didalam text area</textarea></div>
Hasilnya :
- ke dua Text Area dengan Tombol Highlight All: http://ud-niagajaya.blogspot.com
<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">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Ganti tulisan ini dengan tulisan atau Kode HTML yang akan anda tampilkan di dalam text area</textarea></div>
</form>
</div>
Hasilnya:
Silahkan klik pada tulisan HIGHLIGHT ALL, maka semua text yang ada di dalam Text Area akan langsung terHIGHLIGHT / terPILIH.
- Ke tiga text area auto block:
<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Contoh Text Area otomatis seleksi saat di klik</textarea></div>
Hasilnya:
coba anda klik Semua tulisan atau kode yang ada di dalam teks area jenis ini akan terpilih secara otomatis.
- Dan yg terahir Semua tulisan atau kode yang ada di dalam teks area jenis ini akan terpilih secara otomatis saat kotak area tersentuh tikus.
<div style="text-align: center;">
<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Contoh Text Area otomatis seleksi saat di klik</textarea></div>
Hasilnya :
coba arahkan tikus anda di atas kotak area tersebut.
itu dulu sob, semoga bermanfaat dan untuk menganti background pada text area, serta modifikasi teks area silahkan anda baca DISINI.
Tips bikin teks area ini bagus, terima kasih tipsnya.
BalasHapusTerima kasih kunjunganya, sering-sering mampir gan.
Hapus