Make Related Post

A few weeks ago I was browsing the Internet looking for articles Related Posts / Articles related. Jump here jump there looking for a reliable article, after a few tries the codes that are obtained, finally I found a suitable article. But there are

still obstacles that is, an article that I found the English language. Inevitably I have to translate his own article.

After a few minutes to translate, the translation was finally finished already, and now I want to share this experience with you. So, you can instantly read and practice it without having to translate it first.

1. Login to blogger with your ID.
2. Click Layout.
3. Click the Edit HTML tab.
4. Click Download Full Template. Please backup your template first (important).
5. Put a check / tick the little box next to Expan templates Widget.
   
6. Wait a few moments when the process is underway.
7. Find the code below.
   

   <data:post.body/>

8. Copy the code below.
   
   For convenience, you can donwload Related Posts / Articles on file.
   
   

   <b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
   <! - ***************** Related Articles by Labels - Take Two ****************** -> ;
   <div class='widget-content'> <h3> Related Posts by Categories </ h3>
   <div id='data2007'/> <br/> <br/>
   <div id='hoctro'>
   Widget by Hoctro <u> <a href='http://hoctro.blogspot.com'> </ a> </ u> | <u> <a href = 'http://www . jackbook.com / 'title =' Related Posts on Blogger Modified by JackBook.Com. Read More? '> Jack Book </ a> </ u>
   </ Div>
   <script type='text/javascript'>
   
   var <data:blog.homepageUrl/> homeUrl3 = &quot; &quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 10;
   
   maxNumberOfPostsPerLabel = 100;
   maxNumberOfLabels = 3;
   listEntries10 function (json) {
   var ul = document.createElement (&#39; &#39; ul);
   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; &#39; alternate) {
   alturl = entry.link [k]. href;
   
   break;
   }
   }
   var div = 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; &#39; alternate) {
   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; &#39; b);
   h.appendChild (txt);
   var div1 = document.createElement (div &#39; &#39;);
   div1.appendChild (h);
   div1.appendChild (ul);
   document.getElementById (data2007 &#39; &#39;). appendChild (div1);
   }
   }
   }
   search10 function (query, label) {
   
   var script = document.createElement (script &#39; &#39;);
   script.setAttribute (src &#39; &#39;, &#39; query + feeds/posts/default/- / &#39;
   + Labels +
   &#39;? Alt = json-in-script = listEntries10 &#39; B & callbacks);
   script.setAttribute (type &#39; &#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'>
   <data:label.name/> textLabel = &quot; &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>

9. Paste the above code after / below code <data:post.body/>
10. Save Template.

Done deh!
Good luck!

Read also this....