Cara Membuat Related Post (Artikel Terkait) di Blog

Cara Membuat Related Post (Artikel Terkait) di Blog

Beberapa waktu lalu saya menulis artikel tentang tips bagaimana menjadi blogger yang baik, salah satu tipsnya yaitu dengan memudahkan navigasi pengunjung dalam menelusuri blog kita. Salah satu cara memudahkan navigasi pengunjung adalah dengan memasang related post, atau artikel terkait pada blog. Selain membuat nyaman pengunjung, memasang related post atau artikel terkait pada blog kita juga memperbesar kemungkinan artikel terkait kita terbaca pengunjung. Meskipun bagus, jika tidak dibaca untuk apa?

Fungsi lain dari related post atau artikel terkait adalah untuk SEO (Search Engine Optimization), memudahkan mesin pencari mengindex blog kita sehingga tampil pada mesin pencari.

Jika kita belum menggunakan template blog yang menggunakan fitur artikel terkait otomatis, beikut langkahnya.

Langkah-langkah:

1. Masuk akun blogger 

2. Rancangan > Edit HTML > centang Expand Template Widget
3. Cari kode </head> (tekan Ctrl+F) untuk mempermudah pencarian. Letakkan script di bawah ini tepat di atas kode </head>.

Jika kita menggunakan tampilan blogger baru, expand template widget sudah tidak ada. Lihat caranya di sini untuk mengeditnya, mudah.

<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. Belum selesai, cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>

Dalam template biasanya ada banyak kode <data:post.body/>, letakkan pada yang paling bawah.

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

5. And finally, save.

Tidak sulit bukan? Demikian tips dan trik Cara Membuat Related Post (Artikel Terkait) di Blog. Semoga bermanfaat.