Cara Memasang Artikel Terkait Di Sidebar Blog

Cara Memasang Artikel Terkait Di Side Bar Blog - Memasang "Artikel Terkait" di side bar apa bisa? tentu saja bisa, saat saya sengaja iseng dengan berselancar di salah satu blog yang membahas tentang bagaimana memasang  "Artikel Terkait" di side bar.

Cara Memasang Artikel Terkait Di Side Bar Blog

Langsung saja kita simak Cara Memasang Artikel Terkait Di Side Bar Blog :

  1. Login di blog anda.
  2. Masuk ke "Template"
  3. Kemudian backup atau download template anda terlebih dahulu untuk menghindari hal-hal yang tidak di inginkan.
  4. Kemudian klik "Edit HTML"
  5. Tekan "ctrl+f" secara bersamaan untuk mempermudah pencarian kode, kemudian cari kode </head> setelah ketemu kemudian taruh script berwarna biru dibawah ini tepat diatas </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>
  6. Kemudian cari lagi kode seperti ini (karena kode yang mirip seperti ini tidak hanya satu, dan pilih yang SAMA DENGAN SCRIPT DIBAWAH 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 != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
  7. Ganti script diatas dengan script dibawah 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 != &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>
    </b:if>
  8. Kenapa "max-results=10" saya beri warna merah? itu berfungsi untuk menentukan jumlah maksimum artikel terkait yang akan muncul, dan bisa anda ubah
  9. Simpan template, kemudian klik tab "Tata Letak" kemudian klik "Tambahkan Gadget" kemudian pilih "HTML/JavaScript" kemudian pastekan kode dibawah ini
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
  10. Simpan dan lihat hasilnya, untuk tampilan di blog ini seperti gambar dibawah ini
Sekian info saya kali ini mengenai Cara Memasang Artikel Terkait Di Side Bar Blog jika ada yang ingin ditanyakan silahkan bertanya melalui komentar.
Sumber
- Cara Memasang Artikel Terkait Di Side Bar Blog -