Kamis, 18 November 2010

How to Install the Related Articles below post

Hallo this time I will share tips on how to install the related article below our blog posts. its function is to display links to articles related to the main article so that readers can see the titles of other articles link on our blog.

Installation of related post is usually grouped by label or category. So if there is one article from a particular label is displayed then the other articles which have the same label will also appear below the article.

The purpose of this related post installation easy for visitors to read articles related to the main article. So that visitors do not need to report to look one by one article in the menu label or category. 

see examples below this article, or click here



How've described? Well for those who are interested in installing it, please follow the steps below:
1. Login to the Bloggers Select the Layout / Layout, then select Edit HTML.
2. Back-up your template first by clicking the Download Full Template.
3. After that, check the box "Expand Widgets Templates'.
4. Search codes <data:post.body/>
5. If you've met, copy all the script below, then put under <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3> related articles </ h3>
<div id='data2007'/> <br/> <br/>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


listEntries10 function (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 div = 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);
}
}
}
search10 function (query, label) {

var script = document.createElement ('script');
script.setAttribute ('src', query + 'feeds/posts/default/- /'
+ Labels +
'? 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> 

WARNING! :
If your blog using the code read more then usually there are 2 codes <data:post.body/> Put the above code in the code first.

6. If so, click Save Template and then click View Blog to see the results.

You can replace the word "related articles" in the above code with other text to your liking.

Good luck ... Hopefully helpful 

0 komentar:

Posting Komentar

give your comment here, please do not spam

 
My Big Dream powered by XXZ