Memuat kode HTML di blog terutama pada posting sepertinya sudah merupakan suatu keharusan. Apapun tema suatu blog tidak akan terlepas dari kode HTML. Apalagi blog yang bertemakan tips dan trik blogger, tutorial blog, dan optimasi blog tentu banyak sekali memuat kode HTML dalam postingannya.
Bagi blogger pemula sering mengalami kesulitan memuat kode HTML dalam isi postingan. Setelah membuat atau menulis isi postingan yang berisi kode HTML, yang keluar bukan kodenya tetapi malah efek dari kode yang ditampilkan. Sebagai contoh, setelah mengetikkan kode <a href="http://jamarisonline.blogspot.com">Jamaris Online</a> dalam postingan, yang muncul adalah Jamaris Online.
Ada beberapa cara yang dapat kita lakukan untuk menampilkan kode HTML bisa muncul di halaman posting.
Untuk menampilkan kode HTML di halaman posting adalah dengan mengubah karakter kode tertentu. Kode yang dimaksud diantaranya seperti berikut:
| < | ganti menjadi | < |
| > | ganti menjadi | > |
| & | ganti menjadi | & |
| “ | ganti menjadi | " |
| ± | ganti menjadi | ± |
| spasi | ganti menjadi | |
Contoh: Untuk menampilkan kode:
<a href="http://jamarisonline.blogspot.com">Jamaris Online</a>
Maka, hasil kodenya seterlah diganti adalah:
<a href="http://jamarisonline.blogspot.com">Jamaris Online</a>
Parse kode HTML Menggunakan Layanan Web
Menampilkan kode HTML di halaman posting dengan cara Parse menggunakan layanan web ini sebenarnya hampir sama dengan cara yang pertama di atas, dimana ada kode HTML tertentu yang harus diubah sebelum dimuat di laman posting. Kalau kode HTML yang akan dimuat terlalu panjang tentu sulit untuk mengubahnya, dan bisa saja terjadi kesalahan. Untuk mempermudah dalam mem-parse kode-kode ini dapat menggunakan jasa layanan web. Berikut disajikan beberapa alamat situs yang menyediakan layanan untuk mem-parse kode html.
- Centricle : http://centricle.com
- Blogcrowds : http://www.blogcrowds.com
- Eblogtemplates : http://www.eblogtemplates.com
- Accessify : http://www.accessify.com
Cara mem-parse kode HTML menggunakan jasa layanan web adalah sebagai berikut:
- Kunjungi salah satu situs, dalam hal ini saya memilih http://centricle.com
- Masukkan kode HTML yang ingin diparse pada kolom yang disediakan,Contoh: <a href="http://jamarisonline.blogspot.com">Jamaris Online</a>
- Klik tonbol Encode
- Setelah beberapa saat kode HTML yang telah diparse muncul
- Hasilnya: <a href="http://jamarisonline.blogspot.com">Jamaris Online</a>
- Selanjutnya copy dan paste kode tersebut ke postingan
Menggunakan Text Area
Text area merupakan daerah baru dalam posting untuk menyimpan text atau tulisan. Untuk membuatnya gunakan kode berikut:
<textarea name="code" rows="3" cols="40" style="background: #F2F2F2; color: #000; border: 1px solid #2E9AFE; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">
muat disini text/kode HTML yang ingin ditampilkan
</textarea>
Pada kata yang berwarna biru, isikan kode HTML yang ingin ditampilkan
Contoh:
<textarea name="code" rows="3" cols="40" style="background: #F2F2F2; color: #000; border: 1px solid #2E9AFE; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">
<a href=" http://jamarisonline.blogspot.com">Jamaris Online</a>
</textarea>
Hasilnya adalah seperti di bawah ini:
Demikianlah Cara Menampilkan Kode HTML dalam Postingan yang dapat saya berikan. Bila anda memiliki cara lain yang berbeda, silahkan ditulis dalam kolom komentar yang tersedia.
Selamat mencoba. Terima kasih.
