Hellow bloggers! Salamz...
Many people ask 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.

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

Please copy & paste this code

<title><data:blog.pageTitle/></title> </b:if>
<link href='http://i129.photobucket.com/albums/p236/gajahwhite/gajahcell/gwicoadd.png' rel='shortcut icon'/>
<link href='http://i129.photobucket.com/albums/p236/gajahwhite/gajahcell/gwicoadd.png' rel='icon'/>
    <b:skin><![CDATA[/*

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? You have to change the characters of order with the notation replacement.

Don't worry, I will teach you guys with the same method as I use in this blog where the HTML code will be written in "scroll box".

Adding CSS Code
1. Log in Blogger
2. Go to Layout > Edit HTML > Thick (check) Expand Widget Templates option
3. Find this code

]]></b:skin>

4. Copy code below and paste it above this code ]]></b:skin>

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:70%;
line-height:70%;
width:80%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:80%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

5. Save templates. Done first step!

Before Posting HTML
1. Before post your HTML code, please conver it at HERE
2. After done convert, copy the parsed code.
3. Done second step!

Adding HTML in Posting
1. Go to Posting > New Post
2. In posting, make sure you write in "Edit HTML" tab
3. To start writing your HTML code, make sure you put the "pre" command like this:-

<pre>your code here</pre>

4. After done, publish post!
5. That's all ^_^ Good Luck!

If you have any comments, ideas, or questions, you may post it >HERE<