Related Posts atau disebut juga dengan artikel terkait ini sangat baik dipasang di blog dan biasanya para blogger memasang related posts / artikel terkait di bawah postingan blog sehingga memudahkan pengunjung melihat artikel yang lainnya dan otomatis akan menambah pageview blog anda. Pada tutorial blog kali ini saya akan share bagaimana cara membuat related posts fast loading atau artikel terkait loading cepat. Simak caranya dibawah ini.
Simak juga : Cara Membuat Random Post Fast Loading
Cara Membuat Related Post Fast Loading di Blogspot
1. Buka blog anda di blogger
2. Pada dasbor, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode
</head> dan letakkan kode berikut diatasnya<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. lalu cari kode
<data:post.body/> dan letakkan kode berikut dibawahnya5. Kalau ditemukan 2 buah kode <data:post.body/> maka pilih kode yang no 2
<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>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>
6. Simpan Template
Demikianlah tutorial mengenai cara membuat artikel terkait / related post loading cepat, semoga bermanfaat.
