Easy Way to Make Related Post (Related Articles)

Make a Widget Related Post or Post-related or related post is sometimes easy bother, because the template that we use sometimes different, so sometimes wefollow tutorial also unsuccessful. For example I never make widgets related post with a tutorial from o-om, and successful, so the template in the dressing and I try to makemore widgets are poorer It does not work man! Please note widgetini regardedtolerable important and I am very happy with this widget because in addition tovisitors in navigating even easier on our blog, also can improve the page-per-viewsblog. Before I use this widget blog page-per-views and the average person visitingthis blog is very low, but after using this blog yahh pretty lah. Pity it if visitors to our blog is only read only one article directly escape ...! With a post title of the article wepresented a berubungan hope our visitors are tempted to read our other articlesrelated issues. Tutorials that I found it very easy and very simple to apply and seems to fit almost any template using this method. Want to know?

Make Widgets Related Posts (posts that relate):
1. Accunt loging into your blogger:
2. Edit the HTML layout, then check the Expand Widget Templates
3. Get used to download the templates you used bro!
4. Find the code below (To facilitate the search, please use the F3 on the keyboard)

<p><data:post.body/></p>

5. If you've met copy and paste the following code under the code above.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://blogger.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<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>

6. Save the template and see the results.

It's finished .. easy and simple right? Do not forget if your blog is still relatively new tocreate a label / category on every article that you post. Learn how to make a widgetcategory labelsdapat you see here. Good luck ...!