Cara Menulis untuk Menampilkan Kode HTML pada Postingan di BlogSpot

Pada saat pertamakali memposting sebuah tulisan yang berisi kode HTML, saya sempat dibuat penasaran karenanya, sebab setelah selesai menuliskan kode HTML di ruang posting kemudian saya publish dan melihat hasilnya, rupanya kode yang saya tulis tersebut tidak muncul di halaman posting. Saya pikir mungkin terhapus saat mengedit tulisan. Lalu saya ulangi kembali. Ternyata hasilnya tetap sama. Karena penasaran akhirnya saya cari informasi ke rumah Mbah google. Melalui beberapa blog saya temukan informasi, ternyata di halaman entri, kode HTML tidak bisa ditulis dengan cara biasa. Misalnya jika sampeyan menulisnya dengan cara biasa kode HTML image/gambar seperti dibawah ini;

<img style="border:0; width:365px; height:111px" src="http://i1047.photobucket.com/albums/b479/Demas_drj7/kelirucom.png" alt="Penulisan Kode HTML"/>

maka di halaman posting tidak akan muncul kode HTML seperti di atas. Tapi akan muncul sebuah image/gambar seperti

Yang terlihat di halaman posting :

Penampilan di atas hanya contoh saja dari penulisan kode HTML image/gambar secara biasa.

ini !

~ Lantas bagaimana cara menulisnya?

Ternyata ada rumusnya. Beberapa kode HTML yang sering digunakan dan sampeyan hanya perlu mengganti tiga kode HTMLnya saja supaya bisa tetap muncul di postingan sebagai KODE. Cara penulisannya adalah sebagai berikut:

1. Kode < ditulis dengan &lt;
2. Kode " ditulis dengan &quot;
3. Kode > ditulis dengan &gt;

Cara menerapkannya, sebagai contoh misalkan sampeyan ingin menampilkan kode HTML seperti ini <div align="justify"> maka sampeyan harus menulisnya &lt;div align=&quot;justify&quot;&gt;. Perlu dicatat untuk tulisan di dalamnya tetap ditulis dengan cara biasa. Yang dirubah hanya kodenya saja, yaitu tanda <, " dan >.

Itu baru contoh penulisan kode HTML yang pendek. Bagaimana jika kode HTMLnya sampai satu baris, tiga baris atau mungkin beberapa paragraf? Apa nggak puyeng? hehehe....... Tetapi jangan khawatir, ada cara yang cukup mudah untuk dilakukan. Misalnya sampeyan mau menampilkan kode HTML image/gambar seperti di atas tadi supaya bisa tetap muncul di postingan sebagai

"KODE", bukan sebagai

Yang terlihat di halaman posting :

Penampilan di atas hanya contoh akibat dari penulisan kode HTML image/gambar secara biasa sehingga tujuan sampeyan untuk menampilkan Kode HTMLnya saja yang bisa terlihat di halaman posting tidak tercapai.

image/gambar aslinya. Caranya sebagai berikut,

Cara Mudah Menampilkan Kode HTML pada Halaman Posting :

1. Ketik; http://centricle.com/tools/html-entities/ di adress bar kemudian KLiK! ENTER. Atau anda bisa langsung saja KLiK! ►►► Centricle.com.
   
2. Masukkan
   "Kode HTML" Lalu KLiK! "
   Contoh Penempatan Kode HTML yang akan di Encode :
   Kode HTML image/gambar di atas hanya sebagai contoh saja !
   Encode".
3. Copy/salin semua kode HTML hasil Encode tersebut.
   
   Contoh hasil Encode kode HTMLnya ;
   &lt;img style=&quot;border:0; width:365px; height:111px&quot; src=&quot;http://i1047.photobucket.com/albums/b479/Demas_drj7/kelirucom.png&quot; alt=&quot;Penulisan Kode HTML&quot;/&gt;
4. Lalu paste/letakkan ke dalam postingan di blog sampeyan.
5. Selesai.
   

Sebagai catatan jika ada keraguan apakah "hasil Encode" penulisan kode HTML tadi sudah benar apa masih ada yang kurang kemudian sampeyan ingin memperbaikinya, maka sampeyan bisa kembalikan bentuknya ke semula, dengan cara KLiK! "

Contoh Kode HTML Setelah di Encode :

Jangan bingung dengan tampilan hasil encode kode HTMLnya kalau berbeda atau tidak sesuai dengan kode HTML yang ingin sampeyan postingkan. Masukkan saja kedalam postingan blog. Dan setelah sampeyan publish/terbitkan, kode HTML akan berubah kembali seperti kode HTML yang ingin sampeyan postingkan sebelumnya.

Decode". Begitu juga sebaliknya, sampeyan bisa kembali lagi mengembalikannya dengan meng-KLiK! "Encode".


Nb : Jangan lupa KLiK! menu “HTML” di Ruang Posting yang terletak disebelah kanan-atas sebelum memasukkan/meletakkan kode HTML yang sudah di "

Encode" tadi.

Selamat Mencoba ~ Happy Blogging ! ~