Membuat Artikel Terkait (Related Post) sederhana

Cara Membuat Widget Artikel terkait (Related Post) banyak sekali caranya, berikut yang akan saya share disini adalah cara membuat Artikel Terkait dengan cara paling sederhana. Related Post atau Artikel terkait sangat berguna bagi pengunjung/ pembaca yang sedang mencari artikel
tertentu pada blog ,karena widget ini akan menampilkan artikel yang mempunyai kemiripan/hubungan terhadap artikel yang sedang dibaca karena masih dalam satu label. Dimana label pada suatu blog, jika kita benar dalam mengkatogerikan sebuah postingan, maka label tersebut akan berisi sebanyak artikel yamg mempunya kategori yang sama, misalnya label tentang 'tips blogger'...'software gratis'...'musik' atau mungkin lebih spesifik lagi. Tergantung blogger itu sendiri mengkategorikan tulisannya berdasarkan apa. Maka Label tersebut akan memberikan kemudahan bagi pembaca untuk menuju artikel selanjutnya yang mempunyai kategori yang sama (sejenis).

Maka untuk memudahkan hal diatas, sebenarnya dengan memanfaatkan fasilitas Label/ Category sebenarnya sudah cukup membantu kepada para pembaca. Akan tetapi dengan menggunakan Related Post (Artikel Terkait) yang akan di share ini, pembaca akan lebih mudah untuk menelusuri artikel sejenis berikutnya, karena langsung ditampilkan berikut 'judul artikel' secara berurutan pada suatu widget yang dibuat khusus di bawah postingan.

Berikut cara/langkah-langkah Membuat Artikel Terkait (Related Post) :

1. Tentunya anda harus login ke akun blog anda.
2. Silahkan masuk ke Design, lalu Edit HTML, jangan lupa untuk expand widget.
3. Kemudian letakkan kode di bawah ini sebelum 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>

4. Sudah gan?...kalau sudah letakkan kode di bawah ini setelah 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>

5. Kalau sudah, silahkan preview..kalau kode di terima dan tidak ada masalah silahkan save template anda, kemudian lihat hasilnya.

6. Selesai sudah cara Membuat Artikel Terkait (Related Post).

Share :