Membuat “Artikel Terkait” di Bawah Posting

Hari ini saya ingin sedikit informasi buat kalian yang inggin tau bagaimana cara membuat “Artikel Terkait” di bawah posting. Tentunya selain buat style, penambahan fitur semacam ini berfungsi untuk memancing pengunjung untuk lebih betah di blog kita dan membaca artikel-artikel terkait lainya. Tentunya dengan demikian bisa menambah page viewnya dong. Oke, langsung saja kita masuk ke langkah-langkah yang harus dilakukan untuk membuat “Artikel Terkait di Bawah Postingan”

Masuk ke blog anda
Masuk ke bagian templete
Pilih edit HTML, jangan lupa Centang Expand Template Widgetnya.
Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
Pastekan script berikut tepat di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<h2>
Related Articles:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
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('albri').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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Silahkan ganti yang berwarna biru sesuka kalian. Setelah itu cari script ]]></b:skin> kemudian pastekan script berikut diatasnya.

Selanjutnya tinggal save dan liat deh hasilnya.

Selamat Mencoba, Good Luck J

Vastara Studio

Search This Blog

Membuat “Artikel Terkait” di Bawah Posting

Comments