Aku yakin sudah banyak yang tahu cara menambah related post di blogger karena sudah banyak yang menuliskannya. Aku juga pernah menuliskan cara membuat related post dengan javascript. Sayangnya, cara ini akan lumpuh manakala javascript yang dipakai dalam trik tersebut tidak dapat diakses karena satu dan lain sebab.
Ada cara yang lebih mudah, tanpa tergantung dengan javascript, melainkan langsung meletakkan kode scriptnya langsung di template tanpa membuat lambat loading situs.
Jika anda berminat membuat related post / artikel yang berhubungan atau sejenisnya, dengan cara kopi paste, silakan ikuti tips berikut ini.
1. Login ke Dashboard Blogspot
2. Pilih Design -> Edit HTML dan Centang "Expand Widget Templates"
3. Cari kode <data:post.body>
4. Kopi kode berikut ini dan paste TEPAT DIBAWAH kode <data:post.body>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://www.bewegaleri.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<div class='widget-content'>
<h3>Artikel Lain yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://www.bewegaleri.com' title='Related Posts on
Blogger Modified by www.bewegaleri.Com. Read More?'>BelajarInternet</a></u> | <u><a
href='http://bisnismodalklik.blogspot.com/' >Best PTC</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>
4. Jika proses anda benar, hasilnya akan nampak seperti ini.
3 comments:
The purpose of the use of Related Posts is easier for readers to view the article as it relates to articles that have been read..interesting info..
This is probably one of the best mentions of this topic I’ve seen in quite a while. It’s obvious that your knowledge of the subject is deep and this made for a very interesting read.
I just realized it on the internet many interesting and good information like this ... Your writing is very good
Post a Comment