Cara Memasang Baca Juga ( Artikel Terkait ) Pada Postingan BLOG

BLOG , TUTORIAL    Comment   

Baca Juga

Pada Awalnya saya berpikir untuk membuat posting tentang Related posts sangat mudah tapi pasti banyak dari kalian yang masih belum tau nah maka dari itu mimin akan Membuat related posts atau artikel terkait Atau biasanya kita lihat Baca Juga pada blog memang dianggap sebagai cara terbaik untuk menurunkan score bounce rates dari blog. Karena pengunjung dipancing untuk tidak segera meninggalkan blog dengan cara menampilkan artikel yang terkait dengan artikel yang sedang dibaca.

Jadi karena itu, pada postingan kali ini mimin akan membahas atau ngasih tau nih tentang cara membuat related posts ( Baca Juga ) secara otomatis berdasarkan “tag” tapi yang berada di dalam postingan ( ditengah artikel ), bukan di akhir artikel. Biasanya diawali dengan kata “Baca Juga”.

Contohnya Seperti Gambar Saya Ini :
Sebelum masuk ke tutorialnya Backup dululah templates kalian untuk menghindari dari kesalahan yang tidak diinginkan.

Oke kita langsung saja ke step by stepnya

1. Masuk Ke TEMA > EDIT HTML
2. Copy Kode dibawah ini dan kalian paste / Letakan kode dibawah ini diatas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
  </b:if>

     3. Oke selanjutnya Tekan CTRL+F atau cari kode ini <data:post.body/>
Biasanya kalian akan menemukan kode tersebut sangat banyak ditemplates kalian, Pastekan saja Ke nomor 2 klo belum berubah coba ke nomor 3,

Hapus kode <data:post.body/> nya  dan ganti dengan kode berikut ini..

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='post-terkait'>
<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=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

     4. Simpan templates kalian dan langsung saja kalian lihat hasilnya seperti apa

Oke sampai disini saja penjelasan atau tutorial cara memasang Related post ( Baca Juga ) Pada sebuah blog secara mudah, Terima kasih sudah datang diwebsite ini, Jangan lupa kalian share ke teman teman kalian supaya memberikan banyak manfaat akan hal yang ada diblog ini.