Related Post atau Artikel terkait memang sangat perlu diterapkan diblog kita. Kemarin saya sudah posting dua kali untuk Cara membuat related post wordpress tanpa plugins dan cara mendesain related post / artikel terkait wordpress. nah sekarang saya akan berbagi cara membuat related post untuk blogspot yang tentunya tanpa plugins
Nah Related Post untuk sebuah blog memang sangat perlu, karena untuk mempermudah orang lain untuk memberitahukan tulisan kita yang lain. caranya sih mudah tinggal ikuti car dibawah ini.
Cari kode dibawah ini pada template anda, ingat sebelumnya centang “Expand Widget Templates“.
<p><data:post.body/></p>
Kalau sudah ketemu silahkan copy kode berikut ini kemudian paste dibawah kode tadi.
<b:if cond=’data:blog.pageType == "item"’>
<H2><a title=”Membuat related Post blogspot” href=”http://jidatbaok.com/related-post-artikel-terkait-blogspot.html” target=”_blank”>Postingan Terkait</a></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 = 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('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>
Kalau sudah silahkan dicari lagi kode dibawah ini:
]]></b:skin>
Kalau sudah ketemu copy kode dibawah ini kemudian paste ” diatas” kode ]]></b:skin> tadi.
/*—————————–
Related Post by jidatbaok.com
——————————*/
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}
Nah initinya yang Atas untuk Script html, dan yang bawah itu untuk CSSnya. Silahkan yang mau membuat related post untuk blogspot. Ini sudah saya praktikkan di jidatbaok.blogspot.com
Tags: Artikel terkait blogspot, blogger trick, related Post blogger, Related Post blogspot


Sebatas Pengetahuanku Jidat Baok adalah Yuda Taufiqurrahman, Blogger asli Ponorogo yang terkenal Reognya. More