Membuat Widget Related Post atau Posting yang berhubungan atau post yang berkaitan memang terkadang susah-susah gampang, karena template yang kita gunakan terkadang berbeda-beda, jadi terkadang pula tutorial yang kita ikuti tidak berhasil. Contohnya saya pernah membuat widget related post dengan tutorial dari o-om dan berhasil, begitu template di ganti dan saya mencoba membuat lagi widget tersebut tenyata It doesn’t work man!!! Perlu diketahui widget ini terbilang lumayan penting dan saya sangat suka dengan widget ini karena selain pengunjung lebih mudah lagi dalam bernavigasi pada blog kita, juga bisa meningkatkan Membuat Widget Related Post (posting yang behubungan):
1. Loging ke accunt blogger kamu:
2. Edit layout HTML, lalu centang Expand Widget Template
3. Biasakan untuk mendownload template kamu dulu bro!!!
4. Cari code dibawah ini (Untuk memudahkan pencarian, silahkan pakai F3 di keyboard)
<p><data:post.body/></p>
5. Jika sudah ketemu copy paste kode berikut dibawah kode diatas.
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://blogger.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Related Posts by Categories</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>
6. Simpan template dan lihat hasinya.
Selesai dah.. mudah dan simple kan??? Jangan lupa jika blog kamu tergolong masih baru untuk membuat label / category pada setiap artikel yang kamu posting. Tutorial cara membuat widget category labels dapat kamu lihat disini. Selamat mencoba…!!!
Tutorial ini saya temuan dari http://scrapur.com/ dengan sedikit modifikasi tentunya, he..he...
