Cara menampilkan kode Html Dalam postingan

Cara menampilkan kode Html dalam postingan saya tulis untuk menjawab pertanyaan dari sahabat tips blogger. Para blogger yang ingin memberikan tutorial blogger biasanya sangat membutuhkan tips ini.

contohnya :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
mau tau akan caranya???
1. Siapkan kode html yang kamu ingin tampilkan. Lalu parse, klik disini...
atau kamu juga bisa langsung masukan code html kamu di kotak di bawah ini:


2. Kemudian masukkan kode tadi ke kotak yang sudah tersedia, dan klik parse.

Kamu akan melihat kode yang telah diparse dan siap untuk ditampilkan dalam postingan, tapi kamu harus memperhalus kode itu terlebih dahulu.

Contohnya :
-Kode yang belum dihaluskan akan tampil kasar seperti ini

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
-Untuk memperhalus code tersebut caranya cukup mudah, sisipkan kode yang berwarna merah antara kode yang telah diparse.
<code></code>
Contohnya :
<code> kode yang telah diparse disini </code>


Hasilnya

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

dan selesai