Cara memasang kode html pada postingan

Para blogger mania pasti mengetahui akan istilah kode HTML, kode yang digunakan dalam template, widget, dll. Ketika kita menemukan trick baru, kita ingin berbagi dengan sobat blogger yang lainnya. Salah satunya mungkin dengan berbagi kode HTML dalam menerapkan tricknya. Namun, kadang-kadang kode HTML yang ingin kita bagikan terlalu banyak. Sehingga kalau kita munculkan dalam postingan mungkin akan membuat postingan kita tidak enak dipandang. Lalu, terpikir juga bagaimana sobat blogger yang akan menyalin kode tersebut, pasti harus menggerakkan mousenya kebawah. Wah repot tuh. Tadinya ingin berbagi, eh malah menyusahkan orang lain.


Nah untuk mengatasi itu, selain di parse ada suatu cara lain. Kita bisa menggunakan form Ketika hendak memposting kode HTML atau sesuatu yang penting. Lalu dengan sedikit bumbu, form tersebut kita tambahkan tombol untuk menyalin (copy) kode tersebut. Dengan cara menekan tombol, kode akan diblock. Kemudian tinggal hanya menekan ctrl+v dan kemudian ctrl+p, maka kode sudah tersalin. Tampilan form-nya seperti ini.

Untuk membuat form seperti itu, ada sedikit kode yang harus ditambahkan diantara kode yang ingin kita tampilkan. Kode yang harus ditambahkan yaitu:


<div align="center"><form name="copy"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All Code" /><br /><textarea name="txt" style="height: 250px; width: 350px;" wrap="VIRTUAL">Kode HTML</textarea></form></div>

Dalam kode tersebut terdapat beberap hal penting, diantaranya:
1. Align="center" , center berarti bahwa form akan berada ditengah-tengah artikel. Sobat bisa menggunakan kata "left" untuk membuat form berada di sebelah kiri artikel (posting) atau kata "right" untuk membuat form berada di sebelah kanan artikel.
2. height, digunakan untuk mengatur ketinggian dari form.
3. width, digunakan untuk mengatur lebar dari form.

Ketika sobat akan memunculkan kode HTML atau sesuatu hal yang penting, maka sobat tinggal mengganti kata-kata "Kode HTML" dengan kode atau hal penting yang ingin dimunculkan didalam form.

Selesai. Mudah-mudahan semua ini dapat membantu.