Cara membuat/menampilkan Artikel yang berhubungan
Pada bagian bawah postingan blog ini ada link postingan yang berhubungan dengan artikelnya.
Walaupun sudah lama dan banyak yang menulis trik ini, namun tidak ada salahnya bila saya tulis ulang, bagi yang belum tau bisa ikuti cara berikut ya.
Sama seperti trik-trik lainnya, tentu saja pembaca login dulu ke blogger.com, edit html dan pastekan kode html berikut ke dalam template pembaca. Untuk lebih jelas cara membuat/menampilkan artikel yang berhubungan bisa simak trik berikut.
*Login ke blogger
*Lari kode berikut
data:post.body/>
*Letakkan kode berikutnya tepat di bawah kode tadi (yang di atas).
Untuk mempermudah pencarian tekan tombol Ctrl+f (masukkan kode yang di cari).
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</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;
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>
*Simpan template
Sip deh pokoknya, kerjaan selesai dan lihat hasinya.
kini pembaca bisa menampilkan artikel yang berhubungan di bawah postingan.
3 Komentar untuk "Cara membuat/menampilkan Artikel yang berhubungan"
Tips yang bagus. Ore juga akan pakai ini. Salam kenal, Frelia si anak SD yang mukanya jelek kayak kepitingrebus...
wah jelimet juga code html nya? BTW sebelum nya perlu di buat tag nya dulu kan mas :)
makasih tipsnya, saya akan praktekkan utk menampilkaan artikel yg berhubungan di blogspot.