Skip to main content

Related Posts / Articles in Blogger / Blogspot

Many of you might think that related posts and articles can only be shown on Wordpress blogs. But that is not the case. Here is step by step guide which will show you how to shw related posts or articles on blogger.com / Blogspot blogs. This hack was originally created by Hoctro. Before applying this hack, make sure you backup your template as you should do before applying any hack in your blogger template. Then go to Dashboard >> Layout >> Edit HTML. Search for the below given code in your template's HTML.

<data:post.body/>

Enclose the above given code in <p> tags. The code should now look like this

<p><data:post.body/></p>

Then copy the below code and paste it below the above code. That is below
<p><data:post.body/></p>

<!--Code starts here-->
<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 = 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>

If you have problems with it, then open this file and paste all the contents in it below
<p><data:post.body/></p>
.
Then you should be done. If you want to view a demo of the above hack, view any individual post of this blog. Thank you.

Popular posts from this blog

Using Latitude and Longitude with Google Maps

Whether you want to quickly add a waypoint to your GPS, or view a map of a known location, it can often be convenient to use real latitude and longitude values with Google Maps instead of dealing with street addresses.



Rerieving a map for a lat/lon value is simple enough with Google Maps. You can simply enter the decimal latitude and longitude into the search form instead of a street address.However, if you're viewing a map and you want to retrieve the lat/lon location, there unfortunately isn't a convenient "get latitude and longitude" button. Google Maps deals with latitude and longitude locations internally, though, so with this little snippet of javascript, you can easily get the job done: javascript:void(prompt('',gApplication.getMap().getCenter()) This will return the coordinates of the map's center point. You might want to double-click a position on the map before running the above code. Doing so will reposition that point to the center of the map …

310+ Essential readings, tools and Resources for Bloggers

I was looking for them and then I found them at Problogger, mashable and others from Matt Huggins. While some of you might be aware of some of them, for others it may be a new world. But then these tips help everyone.

Essential Readings

Can You Make a Living Blogging? (Graywolf SEO)Five Beginner’s Blogging Tips (John Chow)The First 7 Days of Blogging (Pronet Advertising)Put on Your Game Face (Pronet Advertising)How to “Announce” a Blog (Blog Traffic School)How to Use Social News Aggregators as a Source for Content Ideas (Dosh Dosh)5 Ways to Building a Better Blog (Pronet Advertising)Bring Your A-game to Write for Blogs (Freelance Switch)What Are You Learning from Leading Edge SEO Bloggers? (Graywolf SEO)How Great Headlines Score Traffic (Copyblogger)10 Sure-Fire Headline Formulas that Work (Copyblogger)Declaring War on Blogger Apathy (ProBlogger)How to Market Your Blog in 2007 (ProBlogger)21 Tactics to Increase Blog Traffic (SEOmoz)Five Steps to a Truly Unique Blog That Attracts Reader…

Social Bookmarking Widget for Blogger

On a social bookmarking system or network, users store lists of Internet resources that they find useful. These lists can be accessible to the public by users of a specific network or website. Other users with similar interests can view the links by topic, category, tags, or even randomly. Other than web page bookmarks, services specialized to a specific subject or format - feeds, books, videos, shopping items, map locations, wineries, etc. - can be found.


The biggest way of increasing traffic to small blogs is Social networking. As such social bookmarking becomes very essential for small blogs such as ours. With that said, it is very important to provide the readers with a very easy way to bookmark the articles they find useful. As you may have seen till yesterday, this blog used Addthis social bookmarking tool which the most of bloggers at blogspot use. But it needs an extra click as compared to thesocial bookmarking widget of wordpress.com blogs and hence comes this article to the …