Membuat Related Post Sangat Ringan di Blog

Salah satu trik agar pengunjung betah membaca blog kita adalah diberikannya alternatif atau bacaan penunjang selain yang ingin dituju. Caranya adalah dengan menampilkan postingan yang serupa atau seirama. Biasanya postingan seirama berada pada label atau kategori yang sama dengan yang dibaca.

Oleh karenanya, wajib atau sangat disarankan blog sahabat memiliki related post atau postingan yang berhubungan. Maka pada kesempatan ini, Ngonline06 akan berbagi trik membuat related post yang sangat ringan dan simpel agar tidak mengganggu kecepatan blog sahabat semua. Penampilannya seperti pada gambar di atas.

Cara membuatnya sebenarnya mudah saja, namun kadang kita tak mau repot-repot. Begini cara membuat related post yang sangat ringan di blog.

Sahabat meluncur ke dashbord blog.
Silahkan klik template > edit html.
Cari kode </head>. Letakkan kode di bawah ini tepat di atas kode </head>
<!-- Script Related Post ala Ngonline06 -->
<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>
<!-- Script Related Post ala Ngonline06 -->
Selanjutnya, cari kembali kode <data:post.body/>. Letakkan kode di bawah ini, tepat di bawah kode <data:post.body/>. INGAT, biasanya kode <data:post.body/> banyak, silahkan dicoba satu per satu.
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h5>Related Post</h5>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Save template sahabat.

Tralala, sekarang blog sahabat memiliki related post yang sangat ringan. Jika mendapatkan kesulitan, silahkan coret aja di kolom komentar di bawah. Semoga berhasil ya...