Sering kali kita mengalami kendala masalah gagal dimana pada saat kita ingin membagikan postingan yang berisi kode kode HTML, pada saat kita posting kode HTML maka hasilnya akan berantakan dan susah untuk merapikannya. Maka dari itu kali ini saya ingin berbagi pengalaman bagaimana solusi cara posting kode HTML di Blog ini.
Berikut ini salah satu cara posting kode 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.
- Kita juga dapat menambah scroll pada text area tersebut, bisa disebelah kiri, kanan atau tengah.
- Kita dapat menambahkan perintah sorot semua untuk di copy, sehingga kode HTML yang di copy tidak akan ada yang tertinggal.
Untuk kali ini akan kita bahas bagaimana cara posting kode HTML diblog dan berikut langkah-langkahnya :
Tambahkan sedikit kode html, pada kode html yang akan kita posting. Kode yang digunakan untuk membuat teks area otomatis ini adalah :
<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 kode HTML yang akan kita 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-blok.
Selamat mencoba.,. semoga bermanfaat.