Home » , » Membuat Related Post (Artikel Terkait)

Membuat Related Post (Artikel Terkait)

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).

PENTING!!!
ANDA TIDAK BEKERJA? INGIN TAHU INFORMASI LOWONGAN KERJA TERBARU DI KOTA ANDA? KUNJUNGI LOWONGAN KERJA TERBARU DISINI
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Delta Komputer

0 komentar:

Posting Komentar

 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris