Cara membuat artikel terkait dibawah blog

Sahabat blogger kali ini saya akan bagikan tips & trik bagaimana menampilkan artikel terkait / related post dibawah blog anda seperti ini, artikel terkait ini berguna untuk mempermudah para pengunjung blog anda jika ingin melihat artikel-artikel lainnya. Cek dibawah ini caranya :
1. Masuk ke blog anda, ke menu template - edit html
2. Agar lebih aman, jangan lupa untuk membackup template anda terlebuh dahulu
3. Cari kode </head> . Anda bisa tekan CTRL + F untuk mempermudah pencarian kode tersebut.
4. Copy - paste kode dibawah ini tepat diatas 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 <data:post.body/>
6. Copy-Paste kode dibawah ini tepat dibawah <data:post.body/>.
    Umumnya terdapat dua <data:post.body/>, gunakanlah yang kedua lalu anda Copy - Paste tepat
    dibawahnya.

<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. Klik save.

Perhatian !!!  Jika setelah dilihat di blog anda masih belum terlihat "Artikel Terkait" dibawah blog anda, maka tambahkan kode ini : <b:if cond='data:blog.pageType == "item"'> tepat diatas langkah ke 6, dan berikan tambahan kode </b:if> dipaling akhirnya.

Sekian dan selamat mencobanya.

Artikel Terkait