Cara Membuat Artikel Terkait Fast Loading

Cara Membuat Artikel Terkait Fast Loading - selamat siang kali ini wahyudi akan memberikan tips tentang bagaimana membuat Artikel Terkait atau Related post fast loading. seperti kita ketahui related post ini sangat penting bagi blogger disamping penting untuk SEO related post juga penting untuk para pembaca kita agar lebih mudah mengikuti artikel terkait yang sedang dibaca.

Dengan menggunakan artikel terkait yang ringan alias fast loading tentunya akan membuat para pembaca kita bisa berlama-lama untuk membaca artikel yang kita sajikan.
Lantas apa sih guna dari Artikel terkait ini? artikel terkait ini berguna untuk mengelompokkan artikel kita, lebih gampangnya gitu deh,hehe...

Ok langsung saja begini Cara Membuat artikel Terkait / Related Post Fast Loading.

1. Log in ke blogger anda.
2. Klik Template lalu klik Edit HTML.
3. Cari kode </head> untuk mempercepat pencarian gunakan CTRL + F.
4. Letakkan code dibawah ini tepat diatas 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>

5. Setelah selesai sekarang tinggal kode yang ditaruh di bawah postingan agar artikel terkaitnya berada tepat dibawah postingan.
6. Pertama cari kode <data:post.body/> seperti biasa gunakan CTRL + F. kalau ada 2 silahkan pilih yang kedua, lalu paste kode dibawah ini tepat dibawah <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>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

7. Save template, dan sekarang lihat hasilnya.