Salam GudangSiki, Berikut ini salah satu cara posting code HTML di Blog dengan menggunakan text area. Menggunakan text area mempunyai beberapa kelebihan dibanding dengan cara lain, diantaranya:
  • kita dapat meringkas area posting sehingga tidak terlalu luas, 
  • selain itu area postingan akan terlihat lebih rapi, 
  • juga kita dapat menambah scroll pada text area tersebut
  • kita bisa meletakkan dikiri, kanan atau tengah posting
  • kita dapat menambahkan perintah sorot semua untuk di copy.
  • kode html yg di copy tdk akan ada yang tertinggal.
Untuk tutorial kali ini saya akan sharing cara membuat text area untuk code HTML dibagian tengah posting dengan efek scroll dan sorot semua untuk di copy, berikut panduannya:
Tambahkan sedikit kode html, pada kode html yang akan kita posting. Kode yang digunakan untuk membuat teks area otomatis ini adalah :
<div>
<form name="salin">
<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 ter-HIGHLIGHT / ter-PILIH.

Semoga artikel cara posting code html di blog ini bermanfaat. Jangan lupa tuliskan komentar atau pertanyaan bila masih ada yang kurang jelas. Terima kasih Salam GudangSiki

Post a Comment

 
Top