*** A G N U S - D E I ***
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Minggu, 22 Mei 2011

CARA MEMBUAT RELATED POST (ARTIKEL TERKAIT) DIBAWAH POSTINGAN BLOGSPOT

Cara Membuat Related Post (Artikel terkait) dibawah Postingan Blogspot.

Fungsi Related Post / Artikel terkait ini Biar para Pengunjung Blog anda smua bisa melihat artikel2 yang terkait dengan judul/label pada postingan kita. sehingga dapat memacu pengunjung untuk membaca artikel kita yang lain.... 



Langsung aja cara membuatnya :
  1. Login ke account blogger Anda.
  2. Pilih menu Tata Letak/Layout » Edit HTML.
  3. Beri tanda centang pada tulisan Expand Widget Templates.
  4. Copy-paste script berikut 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. Kemudian cari kode berikut:

    <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:loop>
    </b:if>
  6. Setelah itu tambahkan kode berwarna Hijau di antara kode yang berwarna merah hingga menjadi seperti di bawah ini:

    <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&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
    </b:if>
     
    </b:loop>
    </b:if>
  7. Kemudian letakkan kode berwarna hijau di bawah kode ini: </b:loop></b:if>, contohnya seperti di bawah ini:

    </b:loop>
    </b:if>

    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>
  8. Simpan Template, Selesai.
    <<< Selamat Mencoba Gan >>>

0 komentar:

Protected by Copyscape Duplicate Content Protection Tool
Template by : Roberth Fabumasse @2017