Cara Mencantumkan Kode HTML di Posting

Hahahahaha...mau tahu kenapa saya tertawa?, begini ceritanya :

"Suatu hari saya ingin memposting artikel dengan judul -Cara Membuat Kotak Komentar Admin Berbeda Warna Dengan Pengunjung- ,dan ada beberapa kode HTML yang perlu saya cantumkan di posting tersebut. Tapi saat itu saya belum mengerti kalau kode HTML yang dicantumkan ternyata diterjemahkan secara otomatis, sehingga saat saya mempublish posting tersebut, hasilnya tidak sesuai dengan yang saya inginkan. Akhirnya mulailah pelajaran tentang mencantumkan kode HTML di posting secara otodidak saya lakukan dari beberapa situs yang berhasil membuat saya sedikit lebih mengerti"

Cukup lama juga saya membuat posting Cara Membuat Kotak Komentar Admin Berbeda Warna Dengan Pengunjung ,heheh....sambil otak-atik ..dan akhirnya selesai juga.

Sedikit ilmu yang saya dapat dan saya akan bagikan kepada teman-teman :

Jika kamu ingin mencantumkan tulisan di bawah ini ke postingan kamu 

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

Maka ubah tulisan berwarna ungu tersebut sebelum kamu menulis di halaman posting, dan yang diubah adalah :

Kode < diubah menjadi &lt;

Kode > diubah menjadi &gt; , dan jika ada

  

Kode " diubah menjadi &quot;
   

Setelah sudah diubah maka masukkan ke dalam halaman posting kamu. Hal ini membutuhkan kesabaran extra apalagi jika kode HTML tersebut sangat banyak.

Dan jika teman-teman menginginkan tampilan seperti ini di tengah-tengah posting. 

 

TERIMA KASIH KAMU SUDAH MENGUNJUNGI BLOG SAYA
HTTP://BACHADDIAH.BLOGSPOT.COM

TAMPILAN SEPERTI INI, KAMU MAU?
 COPY KODE HTML DI BAWAH

Copy kode di bawah ini

<div style="overflow: auto; background-color: #eaf9d4; text-align: center; border: 5px solid #999999; padding: 5px;">letakkan script HTML disini</div>

 

Gimana sudah bisa?

Selamat mencoba dan Semoga Berhasil. Ciaooo