Cara Membuat Artikel Terkait di Blog Sangat Mudah

Hai, sobat sukses!

Jika sobat sampai pada artikel ini itu artinya sobat sedang mencari tahu cara memasang "artikel terkait" atau "related pos" pada blog sobat sukses.

Baiklah, untuk mempersingkat waktu silahkan sobat lihat di blog ini pada bagian akhir artikel ini ada tulisan Artikel Terkait. Fungsinya selain untuk SEO, related post / artikel terkait ini juga dapat membantu pengunjung untuk mengetahui artikel lain yang ada pada blog kita, yang mungkin masih berkaitan dengan artikel yang sedang dia baca.

Dan widget artikel terkait ini menurut para pakar SEO sangat baik untuk diterapkan pada blog sobat-sobat sukses.

NB: sebelum mempraktekkan cara di bawah ini ada baiknya sobat backup dulu script html default sobat. Bisa dengan cara buka lembaran baru di microsoft office word lalu simpan dengan nama "script html default saya" ini adalah cara saya silahkan lakukan cara sobat sendiri yang penting script html default nya di backup, apabila terjadi hal yang tidak dinginkan kita bisa mengembalikan setingan script html nya ke default.

Baiklah, mari kita praktek...

Langsung saja Masuk blogger > tema > edit html  

cari kode </head> untuk lebih mudah tekan tombol Ctrl+F ketikan </head> pada kolom yang ada kemudian copy script berwarna biru di bawah ini letakkan tepat di atas kode </head>

<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>

Kemudian cari kode <data:post.body/> kemudian letakkan script berwarna biru berikut ini di bawah kode <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Terakhir simpan template. Hasilnya akan seperti contoh di bawah ini.

Cukup mudah kan..? cara membuat widget artikel terkait di blog 

selamat mencoba, semoga sukses!

Baca juga Cara Membuat Artikel Terkait / Related Post dengan Scroll Bar