How to display html code in posts

One time you might want to post an article to your blog, where in the article there is an HTML code that you want to display on the blog post.

To make HTML code appear on the post, you can not write directly to the blog post, the reason is when posting the article in html code that you create will be directly executed as a function of html. so that instead of appearing the html code but the result of the code that you created.

To display HTML code on the blog post, you have to do is parse the html code.

Parse the html code in order to convert html code to appear as a character / text ..

To convert / parse html code please enter your html code on the form below and click convert:.

You can also create your own widget parse html by reading how to create a widget parse html.

Hopefully this can increase your knowledge

Read more ...

How to make related post on blogspot

Hi Fiend, have you ever to make related post on your blog. The purpose Make Related Post / Related article is to tell visitors about your post who are related to the article, allow visitors to not be too difficult / possible to help visitors find the information they were looking for and could make visitors feel enjoy to read every article / post that available on your website / blog...

to Make Related Articles / Related Posts like that could you just created manually by typing Related Articles / Related Posts at the bottom of your blog posts and then put some links that lead to other posts that have a same topic / category to the post ..

Of course there is a more simple and certainly do not make a busy,

to make Related Post / Related Article first thing you should do is go to (sign) on your blogger account ...

and then go to Design – Edit Html.

Don’t forget to “Expand Widget templates” and backup your template

And then you must find code <data:post.body/>

then put the following code after <data:post.body/>

<!-- Related Post -->

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

<!-- Related Post -->

And then you must Save Template..

i hope this post can be useful for you

Read more ...