Related Post With Category blogger widgets

Keep the readers at your blog is the prime goal of every blogger. How to engage readers? bloggers or website developers always running after that question.
Readers come to your site or blog through of search engine or referral and he read your article. 90% of people generally switch to different tab after it. In that way we loose some valuable readers.

Putting a related articles at the end of each post might reduce that bounce rate a bit. Because readers get a similar articles.

Insert Related Post Blogger widgets With Category
How to post related Post under blog post in blogger
Go to Blogger Template Click Edit Html. Copy the whole template and save it else where 1st for backup. Search for
<data:post.body/>


And just after that line post the full code and save the template.



Some template might have 3 of this above line. In that case write some thing like “aaaaaaaaaaaaaaaaaaaaaaaaa”  after each   <data:post.body/> and save the template and check which one is applicable for you. After knowing the exact one instead of  “aaaaaaaaaaaaaaaaaaaaaaaaa”   post the below code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
         <div class='similiar'>             
             <div class='widget-content'>
             <p/><h3>Related Posts by categories</h3>

             <div id='data2007'/><br/><br/>
                 <script type='text/javascript'>

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

                 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>

No comments:

Post a Comment