HTML Code appears in posting

A friend of Kang Rohman asked me this question. How can I put HTML code in blog post? That question inspired me to make this post. The posting about making HTML code appear in the blog posting and to do that, you have to change the character orders from HTML code with certain notation. The characters that are often used as seen below:

Characters	Notation (Name Code)	Notation (Number Code)	Remarks
<	&lt;	&#60;	less-than sign
>	&gt;	&#62;	greater-than sign
&	&amp;	&#38;	and
"	&quot;	&#34;	Double quote
±	&plusmn;	&#177;	Plus minus sign
Space	&nbsp;	&#160;	nonbreaking space
©	&copy;	&#169;	copyright
®	&reg;	&#174;	Registered

 

In order to make you understand, I will give you a sample. For example, in the posting you want to writes like below;

Copy and paste the code below:

<b:if cond='data:blog.pageType == "item"'> 
<style>.fullpost{display:inline;}</style> 
<p><data:post.body/></p> 
<b:else/> 
<style>.fullpost{display:none;}</style> 
<p><data:post.body/> 
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>  
</b:if>

In your posting, if you want to post it like that, then you can’t write it like that because the posting of the code won’t appear. But, the effects of the code you write will appear. What should we do than? As I write in the table, you have to change the characters of order with the notation replacement. So, you must write in the post like below;

Copy and paste the code below:

<p>Copy and paste the code below: </p>

<pre><p>&lt;b:if cond='data:blog.pageType == &quot;item&quot;'&gt;
  <br />&lt;style&gt;.fullpost{display:inline;}&lt;/style&gt;
  <br />&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;
  <br />&lt;b:else/&gt;
  <br />&lt;style&gt;.fullpost{display:none;}&lt;/style&gt;
  <br />&lt;p&gt;&lt;data:post.body/&gt; 
<br/>&lt;a expr:href='data:post.url'&gt;&lt;strong&gt;Read more...&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt; <br />&lt;/b:if&gt;</p></pre>

The addition of <pre> and </pre> is to mark that what you have written is HTML code. And as the result, the writing of the order will be different with other writing, for example, please see my posting that add html codes. The addition of <br/> is to make the writing move down (next line), if you do not add <br/>, your writing will keep united even though you write them down.

Another important thing is that when you write the replacement code above, you have to change into Edit HTML modus, not compose modes. If you have written the code, you can change into Compose modus again.

It is easy. Isn’t it? Good luck!!!

Insert your email address to receive updates on my Blogspot tutorial, Free Template and Site Info.