How to Make Related Posts

I will describe the related posts, related posts are articles which are in a group label or category. In making posting, you always make a label, to make a difference in each category posting your blog.


Examples like this: I make a post "How to Make Read More", then I enter in the label Blogspot Tutorial, if I make a posting with the title "How to Create Search Engine," and I enter in the label Blogspot Tutorial, then 2 post is related. If the visitor to read the article "How to make Read More", and related articles that appear is the "Create a Search Engine". Understand?

Here are the steps !

  1. Login to Blogger.

  2. Click Layout.

  3. Then Click on Edit HTML.

  4. Backup Template by clicking the Download Full Template.

  5. Then find the code like this:
    If you have used the Read More, so there are 2 code as above.

  6. Put the following code, place the code after the first <data:post.body/>

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

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

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

    maxNumberOfPostsPerLabel = 7;
    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;; k++) {
    if ([k].rel == &#39;alternate&#39;) {
    alturl =[k].href;
    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);
    for (var l = 0; l &lt;; l++) {
    if ([l].rel == &#39;alternate&#39;) {
    var raw =[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;);
    var div1 = document.createElement(&#39;div&#39;);
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

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

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

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);


  7. Save Template
Now you can see the result .. make a lot of the articles, and enter in the same label.

Related Posts

Post a Comment


Recent Comments

Reader Community

Recent Posts