Blog tentang internet dan Blogging Tips

Wednesday, 26 September 2012

Cara Posting Code HTML di Blog

Piper comex pernah mengalami masalah gagal dalam membuat postingan yang berisi kode kode HTML, padahal sebelum sebelum nya lancar lancar saja. Setelah browsing sana sini, akhirnya dapat solusi bagaimana cara posting code HTML di Blog.

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 yg tertinggal.

Untuk tutorial kali ini piper comex 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="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 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

0 comments:

Post a Comment

Popular Posts

Powered by Blogger.