Cara Membuat Related Post atau Artikel Terkait

Cara membuat Artikel Terkait - Pembahasan kali ini adalah Cara Membuat Related Post. Sebelum saya bahas lebih lanjut mengenai cara  membuat Related Post atau Artikel Terkait. Kegunaan dari Artikel Terkait atau Related post ini yaitu selain untuk seo, artikel terkait / related post  juga membantu pengunjung untuk membaca artikel yang lainnya yang mungkin belum di ketahuinya. Dengan cara ini jumlah pengunjung akan merasa betah dan nyaman berada di blog kita.
Oke saya rasa cukup jelas penjelasan saya di atas sekarang langsung saja saya bahas cara membuat related post / artikel terkait di blog berikut ini:
1. Pertama anda harus login/ masuk ke akun blogger anda
2. Kemudain  Klik Template >> Edit HTML >> Lanjutkan (centang Expand Template Widget).
3. Setelah itu anda cari kode </head> untuk mempermudah pencarian anda tekan tombol Ctrl dan F pada keybord anda kemudian copy dan paste kode </head>
4. Setelah ketemu kode  </head> anda masukkan kode 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>

5. Langkah selanjutnya anda cari kode <data:post.body/>
6. Jika sudah ketemu kode <data:post.body/> , anda letakkan kode berikut ini tepat 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>

7. Langkah terakhir Simpan template dan lihat hasilnya.
Demikian mengenai cara membuat related post / artikel terkait yang dapat saya sampaikan pada postingan artikel kali ini. Jika anda ingin template anda kelihatan lebih cantik lagi, anda dapat juga membuat auto readmor, caranya silahkan baca Cara Membuat Auto Readmore di Blog.

Komentar