How to Make Related Post Article at Blogspot

Now we will learn how to make 'Related Post Article at your blog' this section is really important because the visitors can know what the articles which is still connected with our post before in the same label. How to make it ???....it's simple here are the steps 1. Click Layout > Edit Html 2. Scroll Down the template code and find this code

<div class="'post-footer'"><br /><div class="'post-footer-line"><br /><br /><div class="'post-footer-line"><br /><br /><div class="'post-footer-line"><br /></div><br /></div>

3. Copy below code and paste just after the code in number two

<b:if cond="'data:blog.pageType"><br /><div class="'similar'"><br /><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><br /><!-- *****************Related Articles by Labels - Take Two****************** --><br /><div class="'widget-content"><br /><h3>Related Posts / Artikel Terkait :</h3><br /><div id="'data2007'/"><br/><br/><br /><div id="'hoctro'" style="'display:none;'"><br />Widget by <u><a href="'http://hoctro.blogspot.com'">Hoctro</a></u> | <u><a href="'http://www.jackbook.com/'" title="'Related">Jack Book</a></u><br /></div><br /><script type="'text/javascript'"><br /><br />var homeUrl3 = "<data:blog.homepageurl/>";<br />var maxNumberOfPostsPerLabel = 50;<br />var maxNumberOfLabels = 40;<br /><br />maxNumberOfPostsPerLabel = 40;<br />maxNumberOfLabels = 40;<br /><br /><br />function listEntries10(json) {<br />var ul = document.createElement('ul');<br />var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?<br />json.feed.entry.length : maxNumberOfPostsPerLabel;<br />for (var i = 0; i < maxPosts; i++) {<br />var entry = json.feed.entry[i];<br />var alturl;<br /><br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />alturl = entry.link[k].href;<br />break;<br />}<br />}<br />var li = document.createElement('li');<br />var a = document.createElement('a');<br />a.href = alturl;<br /><br />if(a.href!=location.href) {<br />var txt = document.createTextNode(entry.title.$t);<br />a.appendChild(txt);<br />li.appendChild(a);<br />ul.appendChild(li);<br />}<br />}<br />for (var l = 0; l < json.feed.link.length; l++) {<br />if (json.feed.link[l].rel == 'alternate') {<br />var raw = json.feed.link[l].href;<br />var label = raw.substr(homeUrl3.length+13);<br />var k;<br />for (k=0; k<20; k++) label = label.replace("%20", " ");<br />var txt = document.createTextNode(label);<br />var h = document.createElement('b');<br />h.appendChild(txt);<br />var div1 = document.createElement('div');<br />div1.appendChild(h);<br />div1.appendChild(ul);<br />document.getElementById('data2007').appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br /><br />var script = document.createElement('script');<br />script.setAttribute('src', query + 'feeds/posts/default/-/'<br />+ label +<br />'?alt=json-in-script&callback=listEntries10');<br />script.setAttribute('type', 'text/javascript');<br />document.documentElement.firstChild.appendChild(script);<br />}<br /><br />var labelArray = new Array();<br />var numLabel = 0;<br /><br /><b:loop values="'data:posts'" var="'post'"><br /><b:loop values="'data:post.labels'" var="'label'"><br />textLabel = "<data:label.name/>";<br /><br />var test = 0;<br />for (var i = 0; i < labelArray.length; i++)<br />if (labelArray[i] == textLabel) test = 1;<br />if (test == 0) {<br />labelArray.push(textLabel);<br />var maxLabels = (labelArray.length <= maxNumberOfLabels) ?<br />labelArray.length : maxNumberOfLabels;<br />if (numLabel < maxLabels) {<br />search10(homeUrl3, textLabel);<br />numLabel++;<br />}<br />}<br /></b:loop><br /></b:loop><br /></script><br /></div><br /><br /></div><br /></b:if>

4. Finish Please leave your comment if you still confuse!