Cara Mudah Membuat Artikel Terkait Di Blogspot

Membuat Artikel Terkait Di Blogspot - Artikel terkait bisa membuat pengunjung betah di blog sobat loh.. Gak percaya? Coba aja. Misalkan sobat punya kumpulan artikel menarik misalkan tutorial blogspot, nah kemudian blog sobat kedapatan pengunjung yang memang sedang mencari artikel di blog sobat. Lalu pengunjung tersebut melihat artikel terkaitnya juga sama kayak yang mereka cari, pastilah link tersebut akan dilihatnya.

Dan ngomong-ngomong, ternyata google memberikan penilaian juga loh dari waktu pengunjung masuk ke blog sobat. Dan hasilnya akan meningkatkan SEO sobat, mantap kan :D

nah, jika sobat ingin memasang widget Artikel Terkait atau related post di blogspot, ikuti cara dibawah ini:

Seperti biasa, sobat harus login dahulu ke blog sobat :D
Di dasbor pilih rancangan > edit html
Kemudian cari kode <data:post.body/>
Jika sudah, copy kode dibawah dan letakan di bawah kode tersebut
<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>
<span class=’box’>
<div class=’widget-content’>
<h3>Artikel Terkait</h3>
<div id=’data2007′/><br/><br/>
<script type=’text/javascript’>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
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", "
Baca Juga
Membuat Sumber Otomatis Pada Artikel Yang Di Copas
Cara Mudah Membuat Breadcrumb Blogspot
Membuat Widget Unik, Merubah Warna Background
");
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>
</span></div>
</b:if>
Jika sudah, simpan template sobat, Dan lihat hasilnya...
Bentuk dari artikel terkait tersebut dapat sobat ubah dengan Css agar terlihat lebih menarik