Cara Membuat Artikel Terkait di Blogger

Baru saja saya belajar tentang cara membuat artikel terkait di blogger atau blogspot. Caranya cukup mudah sekali, anak sd juga bisa.hehe... Fungsinya untuk apa? Fungsinya ya tentu saja memudahkan para pembaca untuk membaca artikel yang terkait dengan artikel yang sudah dibaca. Sehingga keinginan untuk membaca kembali artikel-artikel di blog anda akan semakin besar. Pembaca pun betah berlama-lama di blog kita. Seperti apa tampilannya? Silahkan liat saja di bawah postingan ini 'Silahkan Membaca Artikel Lainnya' . Ada kan? Hehe.... Meski sederhana, tapi penting juga untuk meningkatkan pageview dan tentunya kepuasan pembaca juga.

Langsung aja cara membuat related post atau artikel terkait di blogger atau blogspot.

masuk ke blogger, log in , pilih template ,  edit html . Setelah itu centang ' expand template widget'
kemudian cari kode </head> (CTRL+F untuk memudahkan pencarian) dan letakan script dibawah ini tepat diatas </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>

setelah itu cari kode <data:post.body/> kemudian letakan skrip berikut ini dibawah 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&callback=related_results_labels&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>

tulisan 'artikel terkait' nya bisa anda rubah sesuai keinginan, terakhir simpan template dan lihat hasilnya, bila terjadi error ulangi kembali. tapi jika anda teliti cara membuat artikel terkait di blogger cukup mudah. selamat mencoba..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

k0ces

Artikel Terkait