Kali ini WillySEO akan membahas tentang Bagaimana Cara Membuat "Related Post" di blog.Related post atau Artikel Terkait pada
blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan
para pengunjung blog untuk menemulan artikel yang mungkin mereka anggap
menarik.Dalam hal ini penggunaan Related Post atau Artikel Terkait
memang membantu pengunjung blog dan juga membantu pemilik blog itu
sendiri,sehingga setiap artikel/postingan dapat dimungkinkan untuk
dibaca oleh pengunjung.
- Letakan kode berikut di atas
]]></b:skin>
.rbbox{border: 1px solid #D8D8D8;padding: 5px;background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
- Lalu cari kode
<data:post.body/>
dan letakan kode berikut dibawahnya :
<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</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 = 50;
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>
Yang Berwarna Merah Bisa diganti dengan sesuka anda
- Simpan Template
makasih mas..
ReplyDeleteberhasil ^_^
ok :D
Deletecara nyari kodenya gimana?
ReplyDeleteTampilanya berubah
Klik Kotak Kode HTML terus CTRL+F :)
Deletemantap cinnn
ReplyDeletealay (n)
Deletemaaf, aku kok gak bisa ya? dimana salahnya ? mohon bantuannya !
ReplyDeleteMana blognya gan?
Deletethanks sob tutorialnya, sangat bermanfaat sekali
ReplyDeleteyo sama-sama :D
DeleteIjin coba om.
ReplyDeletemumpung belum pasang :v
monggo :D tapi ane bukan om om :-b
Deleteinfo yang sangat bagus mas,,,info yang sngat bermanfaat sekali buat saya,,terima kasih banyak ya...semoga selalu menciptakan karya-karya terbaiknya,, dan selamat berkarya...mantap!!
ReplyDeletesudah saya pasang. terima kasih
ReplyDeletesama sama gan. terima kasih juga telah memasang :)
Deletemakasih banyak mas, berhasil. related postnya keren banget, simple, and cpt loading..
ReplyDeletesipp gan :)
Delete