Menampilkan HTML Pada Posting Blogspot

 Terkadang di saat kita menulis tutorial kita harus menjelaskan penulisan HTML.Dan tulisan kode HTML kita harus diposting di masukkan di blog kita (misalnya menulis code seperti ini <data:post.body/> atau seperti ini <a href="http://samipodo.blogspot.com" target="_blank"> Gabung Disini </a>), nah jika kita menulis CODE HTML secara manual (apa adanya), tentu hasilnya akan tidak akan sama dengan apa yang kita tulis (atau bahkan tidak muncul), ini dapat terjadi karena blogspot membaca kode yang kita masukan sebagai element didalam HTML, sehingga code-code tersebut yang telah kita tulis tidak akan terlihat atau bahkan diartikannya sebagai sebuah aplikasi HTML di dalam posting kita (misal code link yang kita tulis akan diartikan sebagai link). Nah, untuk memasukkan Code HTML agar bisa terlihat atau berada didalam postingan , maka ada yang harus kita lakukan , yakni memparsekan  (encode) kode HTML tersebut, sehingga jika code tersebut telah kita prase, kode-kode tersebut akan dapat diartikan sebagai sebuah tulisan biasa dan bukan Element HTML.

  Parse code sebenarnya sangat sederhara, tetapi memang kita harus mengubah code-code seperti > (kurung buka) menjadi &gt; , tujuannya agar code tersebut tidak dibaca sebagai element HTML dan di baca sebagai tulisan biasa.Selengkapnya silahkan lihat gambar dibawah ini:

Keterangan dari kode diatas adalah sebagai berikut ini :

   1. Tanda < harus diganti dengan kode &lt;

   2. Tanda > harus diganti dengan kode &gt;

   3. seterusnya.....

Kode diatas adalah dasar jika kita ingin membuat code HTML dan dapat muncul didalam postingan . Disini akan saya contohkan kita akan menampilkan code link di seperti berikut :

<a href="http://samipodo.blogspot.com" target="_blank">Gabung Disini</a>

Kode link diatas jika tidak di parse, tentu yang akan muncul adalah sebuah link yang bertuliskan gabung disini yang jika di klick dan akan menuju situs samipodo.blogsot.com, Nmaun jika kita ingin memunculkan agar tulisan diatas diartikan sebagai tulisan biasa atau tidak berupa link, kita harus memparse code tersebut terlebih dahulu, caranya kita menggunakan dasar yang ada dalam table tadi diatas, sehingga akan muncul seperti dibawah ini:

&lt;a href=&quot;http://samipodo.blogspot.com&quot; target=&quot;_blank&quot;&gt;Gabung Disini&lt;/a&gt;

Code diatas adalah hasil parse yang dapat and posting di blog anda. Yang menjadi pertanyaan adalah jika kita ingin memparse banyak kode, tentu kita akan kerepotan untuk mengganti kode tersebut satu persatu, untuk itu ada banyak sekali web/site yang menyediakan fasilitas parse ini misalnya 

http://www.blogcrowds.com/resources/parse_html.php
http://centricle.com/tools/html-entities/

Untuk di Centricle.com  misalnya:
1.Masukkan kode HTML yang akan di tulis di blog .Klik Encode

2.Copy dan taruh di postingan blog.

Mudah khan?