Home » » Cara Menambahkan Artikel Yang Berhungan/Related Post dibawah artikel

Cara Menambahkan Artikel Yang Berhungan/Related Post dibawah artikel

Saya rasa dalam mempercantik tampilan blog, banyak sekali cara yang bisa kita lakukan. salah satunya dengan menambahkan artikel terkait atau related post yang biasa muncul di bawah persis artikel utama. perlu di ingat cara ini tidak manual lho ya...! :D bisa jontor kalau manual satu per satu...hehehe...Releted Post atau artikel yang saling berkaitan bisa memudahkan pengunjung dalam membaca artikel sejenis yang mungkin bermanfaat bagi si pengunjung. untuk lebih jelasnya bisa di lihat gambar di bawah ini

Caranya seperti berikut :
Masuk Ke Dasbord blog sobat, kemudian klik Tab Design >> Edit HTML. jangan lupa kasih tanda centang pada pilihan Expand Widget Template

Kemudian cari kata di bawah ini, dengan klik tombol CTRL+F pada keyboard.
<p><data:post.body/></p> atau <data:post.body/>
Kemudian pastekan code di bawah ini dan letakkan di bawah code tadi.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Baca Juga Artikel Menarik Lainnya...</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>


Dan klik Save Template/Simpan Template, dan sekarang bisa dilihat hasilnya.
Judul : Cara Menambahkan Artikel Yang Berhungan/Related Post dibawah artikel
Rating : 100% based on 79599 ratings. 297 user reviews.
Ditulis Oleh hasan aji
Thanks atas kunjungan Sobat beserta kesediaannya untuk membaca artikel ini. Jika ada yang kurang paham dapat ditanyakan melalui kotak komentar dibawah ini namun di larang berkomentar yg mengandung SARA.

0 komentar:

Post a Comment

Popular Posts