How to Put Related Post On Blogger - YourDataPlan - Telecom Updates & Gadget News

Breaking

Post Top Ad

How to Put Related Post On Blogger

This is the New Blogger Tips To Make Your Blog Visitors More Friendly with Blog Articles. This Tips is very important for such bloggers or blogs which has had a good number of articles and users find difficult in searching relevant articles.

Note : Before Implementing any hacks please take the Backup of Your existing Templates or try it on certain dummy blogs. It's Easy to take backup of your blogger templates follow the following steps :

On your blogger dashboard, Click Layout -> Edit HTML -> Download Full Template.


Step by step to install the RELATED POST FOR BLOGGER / BLOGSPOT.

Step 1



On your blogger dashboard, Click Layout -> Edit HTML -> Expand Widget Templates.

Step 2

Find this code below.
<data:post.body/>


Step 3

Copy this code below, and paste right after the code
<data:post.body/>




<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://howtoraj.blogspot.com*****June,2008****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--
Modified by howtoraj.blogspot.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://howtoraj.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.howtoraj.blogspot.com/' title='Related Posts on Blogger Modified by howtoraj.blogspot.com. Read More?'>Know How To</a></u> | <u><a href='http://howtoraj.blogspot.com'>How To</a></u>
</div>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>



Example How To Place Above Code:

<data:post.body/>
Related Posts Code Here

Step 4

Save your template. Refresh your blog, and Done.

That’s all. Enjoy!


Note : This Will Show All The Related Post of Particular Category

Source : Ramani



Recommended Firefox Browser for Greater Movie Download Speed & Resolution
Firefox download manager download the movie very fast compare to other browsers

Download Latest Multimedia, Security & Adobe Software from Google Software Pack

Follow Us

Post Top Ad