Related articles or commonly called the related post is a post or article that has been in publishing and other related articles by category or label berdasrkan these postings, but the article is not always the same topic, can also discuss about the others but still have relevance with articles that have been opened in the blog, then to the bloggers if you want to enter a category or a label on the post should really consider whether these postings have relevance to
other posts or not, so as not to disappoint visitors of your blog.
How how to make or install the related article on blogspot, the following steps :
Log into your blogger account if it is your choice then select edit HTML design,
ok then give a check in the Expand Widget Templates.
Now you are looking for a script with the code </ head>, you can with ctrl + f to facilitate the search code of this script is usually located in the upper region, if it has been found to copy and paste the script below :
-----
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
-----
Then look again at the code below :
-----
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
-----
Ok after a successful search for the above code do not remember any of your code should be careful because the code above is not a patent because the code is subject to change, i mean sometimes there may be additional separate curry in your blog template is different, the important thing is to make sure similar to the existing code above, then copy and paste the red code below in the blue code :
-----
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<Script expr: src = '"/ feeds/posts/default/- /" + data: label.name + "? Alt = json-in-script & callback = related_results_labels & max-results = 10"' type = 'text / javascript '/>
</ B: if>
</ B: loop>
</ B: if>
-----
and the last copy and paste again the red code below :
-----
</ B: loop>
</ B: if>
<b:if cond='data:blog.pageType == "item"'>
<h4> Related Articles </ h4>
<script type="text/javascript">
removeRelatedDuplicates ();
printRelatedLabels ();
</ Script>
</ B: if>
-----
Save your template and see the results.
0 comments:
Post a Comment