[Read this Tutorial in Bangla (বাংলা)]
Related Post's Links are so important for a blog. When you will add some codes to your blog then the Related Post's Links will be shown after every posts. Thus the visitor will be able to find out the same category posts easily. It's simple that a blog may have many posts on different subjects. But a visitor visit a blog depending a particular subject. So when he/she will be able to find out the same category posts easily, then the blog will be more helpful for him/her. I have written on many different subjects in my blog like Blogging, AdSense, Online Earning, Website Designing, Facebook, Notepad, Computer Tips and Tricks. Look you are now reading this post of Blogging Category and there are five more post's links just after this post obviously on blogging. You may also like one from them. You will must click if you like any from those five. This is the benefit of Related Post's Links. However lets know how to add Related Post's Links. Just follow the steps given bellow.
Step 01 Log in to Your Blogger Blog Account First
Step 02 Go to Edit HTML
Now click on Template from the left side menu and then click on Edit HTML. A pop-up menu will open.
Step 03 Expand the Widget Templates
Now click on Proceed and check the box where is written Expand Widget Templates.
Step 04 Find the Codes <data:post.body>
Now click anywhere of the codes and press Ctrl+F to open the Search Box. Then type <data:post.body> to the Search Box and find out.
Step 05 Paste the following Codes After <data:post.body>
Copy the codes given below in the box and paste them just after <data:post.body>
<!--Related Post's Links-->
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h2>Related post</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 5;
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);
}
}
<!--www.iDhali.com-->
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>
<!--Related Post's Links-->
|
|---|
Step 06 Now Save the Template
After completing the above steps now click on Save Template to save the changes. Open any of your posts to see the result. But remember you must have to add a Label during writing a post. Otherwise these codes won't be effective for your site.
No comments:
Post a Comment