Pasti semua orang tau dan menyadari betapa pentingnya kegunaan Related Post atau Artikel terkait, di Blog secara tidak langsung manfaatnya sangat banyak. Tapi manfaat yang utama sih menurut saya ialah mempermudah pembaca untuk mencari artikel kita yang lain, yang mungkin artikel tersebut yang di cari-cari tidak kunjung di temukan. Nah disinilah peran yang sangat besar dari Related Post. Maka dari itu saya akan berbagi sedikit cara membuatnya, mungkin ini tidak jauh berbeda dengan cara-cara Blogger lainnya. saya akan membuat Related Post seperti yang terpasang di blog saya ini :
Pertama-tama anda harus masuk dulu ke Blogger trus Pilih Dasbor trus Pilih Rancangan dan Masuk ke Edit HTML seperti gambar di bawah ini.
Setelah Ketemu kemudian carilah kode (untuk memudahkan anda untuk mencari kode tersebut tekanlah Ctrl + F di keyboard) seperti ini :
<p><data:post.body/></p>Kalau gak ketemu kode seperti yang di atas coba anda cari kode seperti ini :
<data:post.body/>
Kalau sudah ketemu salah satu dari kedua code di atas, kemudian masukan semua kode di bawah ini persis di bawah code yang di atas.
<b:if cond='data:blog.pageType == "item"'>Jika sudah terpasang semua code di atas, kemudian anda cari lagi kode di bawah ini :
<H2>Artikel Terkait:</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>
]]></b:skin>Setelah ketemu code di atas kemudian masukan code di bawah ini persis di atas kode : ]]></b:skin>
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;Kemudian letakkan lagi code di bawah ini, tepat bawah kode ini : ]]></b:skin>
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
<SCRIPT src='http://strip-ads.googlecode.com/files/relatedpost-versi2.js' type='text/javascript'/>Selesai, Related Post sudah terpasang di Blog anda, selamat mencoba semoga berhasil.
