Indra Berbagi: Add related post in blogger / blogspot

Add related post in blogger/blogspot is a very good way at all to facilitate visitors to see related post in that category. Add related post in blogger/blogspot is also making a long post to get attention back

"without any length, let's start practicing"

let me let you know

go to your dashboard page
select layout
choose to edit the HTML
do not forget to activate the Expand Widget Templates

look for the code below. to search press Ctrl + F

<data:post.body/>

If you've met then copy of this code right under the above script.

<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/>
     <div id='sharetech13'>
      Widget by <u><a href='http://sharetech13.blogspot.com'>Roland blog</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 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>

Save and look the result

note:
Related post will not appear if there is no label or category.
to more clearly label or category challenge then Please read my post before

October 11, 2009

Add related post in blogger / blogspot

No comments:

Post a Comment

Recent Comment