Cara Membuat Artikel Terkait/Related Post diBawah Postingan

Cara Membuat Artikel Terkait/Related Post diBawah Postingan - Cara Membuat Artikel Terkait/Related Post di Blogspot. pada postingan Sebelum nya Mazda Bloggers juga sudah pernah post tentang Cara Membuat Related Post Dengan LinkWithin (Thumbnails) dan Menampilkan Widget Linkwithin Hanya Tampil di Posting Saja Artikel Terkait/Related Post Sudah tidak asing lagi bagi kitasemua terutama yang jago ngeblog. Related post memang sangat diperlukan karena menjadi salah satu trik agar menjadi SEO Friendly dan ini juga bisa membantu pengunjung untuk membaca Artikel Anda yang lain yang mungkin ada dan belum di ketahuinya atau belum terbaca. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.

Penasaran ingin tau cara membuatnya kan? :D simak aja terus...


Masuk blogger > Template > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas 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>

ini adalah tampilan spoiler untuk menyembunyikan teks

Kemudian Anda cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah 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&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>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

ini adalah tampilan spoiler untuk menyembunyikan teks

Untuk tulisan yang berwarna merah silahkan ganti sesuai keinginan Anda sendiri, Terakhir simpan template dan lihat hasilnya. Cukup mudah bukan cara membuat related post / artikel terkait :D

Good luck...