Penyuguhan artikel terkait untuk pengunjung blog jagoan bisa dijadikan cara agar pengunjung blog jagoan betah berlama-lama membaca artikel di blog jagoan. Latar belakangnya sendiri ya karena adanya artikel yang berkaitan dengan tema artikel yang dicari pengunjung.
Langsung aja ini tahapannya:
1. Masuk ke Edit HTML dan centang Expand Widget Templates
2. Seperti biasa untuk menghindari hal yang tidak diinginkan sebaiknya jagoan backup dulu template jagoan
3. Lanjut cari kode <data:post.body/> untuk mempermudah pencarian gunakan fasilitas CTRL+F
4. Lihat adakah kode <div style='clear: both;'/> disekitarnya. Jika ada, diatas kode tersebut masukkan kode:
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<br/>
<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;
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>
Kode yang berwarna merah dapat jagoan modifikasi sesuai selera jagoan. Save Template dan semoga berhasil. Live for sharing...
Thank's for reading the article of jagoblog.com. Please give us your support and advice with your comment. Do not forget to click one button below to share. Life for sharing...
1 komentar:
Post a Comment
Mari budayakan komentar yang positif dan mohon kebijaksanaannya untuk tidak melakukan spamming. Jangan menyertakan link di dalam komentar, karena akan terdeteksi sebagai spam oleh google Life for sharing...