Membuat Kode HTML Tampil di Halaman Posting

Diposting oleh Unknown

Maksud hati seh ingin berbagi ilmu tentang tutorial blogspot, namun ketika saya ingin memposting sebuah tulisan yang ada kode-kode htmlnya weeitt... gak jadi boss! pie ikhi cah? kode-kode tersebut gak nongol. Wah gimna caranya neh? Setelah bertanya kepada mbah google, terdamparlah saya pada sebuah halaman tutorialnya kang Rohman. Ok dah tanpa panjang lebar lagi kita akan langsung membeberkan caranya:

Kita harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini:

KarakterNotasiKeterangan
< &lt;Kurung runcing terbuka
>&gt;Kurung runcing tutup
&&amp;Tanda Dan
"&quot;Tanda petik ganda
±&plusmn;Tanda plus minus
Spasi&nbsp;Tanda Spasi
©&copy;Tanda hak cipta (copyright)
®&reg;Tanda terdaftar (Registered)

Masih bingung ya?? :-D ok, saya akan kasih contoh:

Cari kode berikut di TEMPLATE blog Anda:
<div class=’post-header-line-1′/>
<div class=’post-body’>


Ok kita akan menuju ke cara membuatnya:

Cari kode berikut di TEMPLATE blog Anda:
<code>
&lt;div class=’post-header-line-1′/&gt;
&lt;div class=’post-body’&gt;
</code>

Penggunaan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, terlintas dibenak saya gimana kalo kode-kode yang saya akan tampilkan buuaannyyaaakkk... waah.. gak kebayang kan, cape deech...!!! Jangan khawatir saya akan memberikan sebuah tips.

Tips & Trik
Jika kode-kode yang akan kita tampilkan banyak, dan kita malas untuk mengganti kode-kode seperti kurung buka, kurung tutup, tanda petik dsb, kita bisa menggunakan bantuan replace all dari program notepad misalnya. Caranya gampang bro! copy kode yang akan kamu posting ke notepad dulu, lalu pada tab edit program notepad klik replace atau Ctrl+h, isi kotak find what dengan tanda < lalu isikan kotak replace with dengan &lt; lalu klik replace all. Ulang cara diatas untuk mengganti tanda > atau " dsb.




Biasanya yang harus kita ganti adalah tanda < dan > sedangkan untuk tanda " saya pernah coba tidak menggantinya, tapi tetep muncul dalam kode postingan. Namun buat lebih meyakinkan lagi sebaiknya diganti aja deh... Jika menemukan kode dalam tabel diatas langsung direplace aja, gampang kan!

Selamat Mencoba...