Membuat Related Post (Artikel Terkait)

Diposkan oleh Madie Zha on 29 November 2011 at 1:49 PM

Membuat Related Post (Artikel Terkait) | Tutorial Blog

Membuat Related Post (Artikel Terkait) | Tutorial Blog

Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tentang artikel yang lain dalam satu label / category pada blog kita.
Berikut cara Membuat Related Post :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Artikel Terkait
  • Beri tanda centang pada Expand Template Widget.
    Membuat Artikel Terkait
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari kode </head>, lalu Copy kode dibawah ini dan letakkan diatas kode </head>.
    <!--Simple Related Posts Scripts Start-->
    <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 < 5) {
    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>
        <!--Simple Related Posts Scripts and Styles End-->
  • Kemudian silakan Sobat cari kode seperti berikut
    <div class='post-footer-line post-footer-line-1'>
    Lalu letakkan kode berikut dibawah kode tersebut.
    <!-- Simple Related Posts Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
    Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    <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=10&quot;' type='text/javascript'/>
    </b:if></b:loop>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
    <!-- Simple Related Posts Code End-->
  • Terakhir klik Save / Simpan Template.
    Membuat Artikel Terkait
Selamat mencoba dan semoga berhasil Membuat Related Post (Artikel Terkait).

.:. 21 komentar .:.Post a Comment

  1. tukar link gan.. linknya sudah sya pasang di blog sy.. cek it dot.. :D

    http://kastechno.blogspot.com

    ReplyDelete
  2. @ajun
    Link Sobat juga sdh saya pasang,
    terima kasih...

    ReplyDelete
  3. hore, akhirnya bisa juga, thanks ya

    ReplyDelete
  4. kok tetep g muncul ya...please share

    ReplyDelete
  5. makasih kang

    izin silaturahmi sesama blogger

    http://pesidn.blogspot.com/

    ReplyDelete
  6. sip... trims ya... bermanfaat sekali informasinya

    ReplyDelete
  7. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    ReplyDelete

  8. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  9. sangat menarik sekali infonya :)

    ReplyDelete
  10. terimakasih gan, sangat membantu untuk yang masih belajar ini....

    ReplyDelete
  11. makasih tutorialnya gan sangat membantu sekali pada pemula seperti saya ini

    ReplyDelete
  12. HoyaPoker.com
    PROMO MEMBER BARU PASTI MENANG
    Menang di Bayar Penuh & kalah Uang kembali 100%
    Minimal Deposit Rp. 15.000
    Gabung Dengan 10.000 lebih Pemain aktif Poker dan Domino khusus Indonesia
    100% Player Vs Player
    Bonus Ajak temen Terbesar 15% Seumur Hidup

    ReplyDelete
  13. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  14. nice info gan..ane pengen coba nih..moga web ane bs ky agan..https://klinik-obgyn.com

    ReplyDelete
  15. Terima kasih untuk informasinya Gan, salam kenal ya..

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom