Membuat kode dipostingan blog

Sebelumnya saya kesulitan membuat postingan kode HTML untuk postingan blog, tetapi sekarang tidak lagi. Ternyata, ada cara yang cukup mudah untuk dilakukan. Untuk dapat menampilkan kode seperti ini:
<img class="alignnone" style="margin: 10px 15px;" title="Backlink Dengan Anchor Text" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVweMKZW_ZemJLhTnT8XFtqVOZbHrynbDk13zwIDtY32ETJG4Gsd_8ZQraanlp37LG8wDXl4giolWaBlIKskFt0l8SXfgbbZ3qo3DFf8DLRuB_Tn1EG3hkE5DKTjjZhwtGFjTSOhcAsSA/s1600/30112011127822.jpg" alt="Backlink Dengan Anchor Text" width="100" height="150" /> 

Kita hanya perlu mengganti tiga kode HTMLnya saja supaya bisa tetap muncul di postingan sebagai kode, bukan sebagai gambar aslinya.
Yang harus dirubah adalah:
Kode < diganti menjadi &gt ;
Kode " diganti menjadi &quot ;

Kode > diganti menjadi &gt ;
**ingat kode HTML dibuat tanpa spasi**

Maka, kode HTML seperti yang tertulis di atas, tidak serta merta menjadi tampilan gambar seperti ini:

Cukup mudah bukan, selamat mencoba.