cara membuat related post di blogspot

Keuntungan menampilkan related post atau artikel yang berhubungan adalah artikel yang sudah tenggelam dalam arsip,atau artikel yang sudah lama akan ditampilkan kembali berdasarkan labelnya.sedangkan keuntungan untuk pembaca,lebih mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.
Artikel yang berhubungan selain bisa ditampilkan dengan gambar (menampilkan related post dengan gambar),juga bisa ditampilkan berupa link-link seperti di bagian akhir artikel ini.
Untuk membuat related post di blogspot,ikuti langkah-langkah di bawah:
  • 1.login -->tata letak -->edit HTML -->centang "expand widged template"
  • 2.cari kode </head> dan letakkan kode dibawah,tepat di atas </head>. -->simpan dulu,atau lanjutkan

  • <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>
  • 3.cari kode seperti dibawah,dan tambahkan seperti warna merah. -->simpan dulu atau lanjutkan

  • <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels'
    var='label'>
    <a expr:href='data:label.url'
    rel='tag'><data:label.name/></a><b:if
    cond='data:label.isLast != "true"'>,</b:if>

    <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=10"' type='text/javascript'/>
    </b:if>

    </b:loop>
    </b:if>
  • 4.cari kode
    <div class="post-footer-line post-footer-line-1">
    atau
    <p class="post-footer-line post-footer-line-1">
    kalau sudah ketemu,tambahkan kode tepat dibawahnya

  • <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
  • 5.simpan.dan lihat hasilnya.
    Refres halaman dan klik link artikel yang sudah mempunyai label.

    Related Posts:

  • 3 Responses to "cara membuat related post di blogspot"

    1. okee sob.. tak praktekin langsung.. tp klo di lihat dari url blospot terlihat.. trs klo di lihat pakai redirec domain com kok gak muncul mas..?

      ReplyDelete
    2. Thanks 4 info! kebetulan saya bru belajar blog nih mas, skrng blog saya msh brantakan layoutnya n' postingannya jg blm banyak krn msh dlm draft. Btw klo iklan yg terpasang dibawah "Tutorial pencari uang: " itu iklan sendiri atw sponsor? klo itu sponsor gmn cara bikinnya, hehe maklum saya bru blajar tp ingin jg dpt penghasilan dri bisnis online. Oia nti mau aku cba tutorial diatas. Thanks.
      http://this-4-all.blogspot.com

      contactzaenudin@gmail.com

      ReplyDelete