Cara Memposting Kode HTML

Kalau kita mempunyai blog yang isinya tutorial, pasti sering kan memposting kode HTML?? Seperti blog saya ini yang ngaku-ngaku blog yang isinya kumpulan tutorial ngeblog, sering sekali memposting kode HTML untuk keperluan tutorial seperti kode HTML untuk membuat navigasi breadcrumb, untuk membuat auto read more, untuk mengganti link read more dengan gambar, dll.

Dahulu kala sebelum tahu cara memposting kode HTML...(kok kayak dongeng nih...hehehehehehe...) pada saat memposting kode HTML saya bingung setengah hidup karena kode HTML-nya ikut di eksekusi sama si browser. Alhasil, saya jadi ngga pernah memposting tutorial yang ada kode HTML-nya deh.

Berjuta tahun lamanya saya mengembara mencari cara supaya kode HTML tampil di postingan, akhirnya ketemu juga cara memposting kode HTML. Ngga afdol kan kalau udah capek-capek mengembara, tetapi ngga di bagikan ke Sobat semua... maka dari itu, silakan Sobat simak langkah-langkah berikut ini supaya kode HTML tampil di postingan

Langkah 1
Buka http://centricle.com/tools/html-entities/

Setelah tampil halaman dengan kotak besar yang berada di tengah halaman, silakan Sobat masukkan atau copas kode HTML yang akan sobat posting. Setelah itu klik tombol Encode.

Tunggu beberapa saat hingga kode HTML berubah menjadi kode HTML yang telah di encode.

contohnya seperti di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'&gt;
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kode HTML di atas belum di encode. Setelah di encode, kode HTML menjadi seperti di bawah ini

&lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&amp;gt;
&lt;div expr:id='&quot;summary&quot; + data:post.id'&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type='text/javascript'&gt;createSummaryAndThumb(&quot;summary&lt;data:post.id/&gt;&quot;);&lt;/script&gt;
&lt;span class='rmlink' style='float:left'&gt;&lt;a expr:href='data:post.url'&gt;READ MORE&lt;/a&gt;&lt;/span&gt;
&lt;/b:if&gt;
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;data:post.body/&gt;&lt;/b:if&gt;

Langkah 2
Setelah kode HTML-nya di Encode, Sobat bisa copas kode tersebut ke postingan Sobat.

O iya, hampir lupa… untuk mengembalikan kode HTML yang telah di Encode menjadi seperti semula, Sobat klik tombol Decode. Sebenarnya Decode tidak perlu karena kode HTML yang bisa diposting yaitu kode HTML yang sudah di Encode.

Semoga bermanfaat…

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Tool Gadget. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Tool Gadget dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Blog Ryan pada tanggal Monday, 12 April 2010