Cara Membuat Related Post Pada Blogspot / Blogger

Posted on April 7, 2010, 12:17 am, by admin.

Cara membuat related post pada blogspot atau blogger ini adalah dengan menyisipkan kode/script tertentu yang berguna menampilkan postingan dari label yang sama. Sedikit mengenai related post ini dapat berfungsi membuat deep link ke arah halaman atau postingan yang lama asal masih dalam label yang sama, sehingga sedikit membantu optimasi SEO onpage blog kita.

langsung saja cara untuk membuat related post pada blogspot atau blogger adalah sebagai berikut:

Login ke dashboard blogger kita
Pilih tata letak/layout
jangan lupa centang tanda expand template widget
Cari kode berikut <data:post.body/>
salin kode dibawah ini tepat dibawah kode tersebut diatas
<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>

<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>
Catatan Jika anda telah mengedit template anda sebelumnya ( menggunakan readmore /baca selenjutnya dan sebagainya) maka akan ada dua kode <data:post.body/> dan yang harus anda lakkukan adalah menempatkan kode berwarna biru diatas tepat dibawah kode <data:post.body/> yang pertama, ingat tepat dibawah kode <data:post.body/> yang pertama
Selesai save template anda dan lihat perubahannya
Untuk Contoh bisa lihat di blog saya ” DISINI“