Memasang Related Post Pada Sidebar (Artikel Terkait)

Salah satu teknik untuk membuat blog kita SEO Friendly adalah memasang related post atau banyak orang bilang artikel terkait. Secara kasat mata pengunjung akan merasa penasaran terhadap judul artikel yang terpaampang di related post baik itu di side bar ataupun dibawah postingan.

Untuk itu, jika anda mau mengikuti cara Kang Fathur untuk membuat atau memasng related post di sidebar blog ini caranya :
  • Seperti biasa anda harus Login dulu ke Blogger;
  • Masuk ke Elemen Halaman;
  • Kemudian pilih Edit HTML;
  • Jangan lupa Expand Template Widget;
  • Letakkan kode berikut ini sebelum kode
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
  • Cari kode berikut :
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
  • Dan ganti kode diatas dengan kode berikut :
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Catatan : pada tulisanmax-results=10 adalah jumlah artikel yang akan ditampilkan pada sidebar anda.
  • Simpan Template anda.
Selesai sudah kita mengedit HTML, tapi tunggu dulu karena kita harus menyelesaikan langkah selanjutnya seperti ini :
  • Pilih tab Rancangan;
  • Klik tab Tambahkan Elemen (Gadget);
  • Pilih HTML/JavaScript;
  • Copy paste kode dibawah kedalam HTML tersebut;
  • Lalu Simpan, selesai.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Oke, semoga bermanfaat dan menjadikan blog anda SEO Freindly

Source : Kang Fathur 
Labels: , ,