Cara Membuat Artikel Terkait

Membuat artikel terkait sederhana di blogger.com seperti yang ada di blog ini.
Tujuaannya adalah untuk mempermudah pembaca mencari artikel dan juga agar lebih mudah terindex oleh Search Engine.

> Pertama masuk akun blogger.com
> kemudian ke Template
> dan Edit HTML 

> Lalu cari kode Scrip:

</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>

> Pastekan Script diatas di bawah kode </Head> tadi

> Lanjutkan dengan mencari kode:

<data:post.body/>

<b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <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=15&quot;' type='text/javascript'/> </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h4>Related Articles<b:loop values='data:post.labels' var='label'><data:label.name/>
    <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </b:if>

> Pastekan di bawah kode <data:post.body/> 

Hasil nya sama persis seperti yang ada di blog terbarutau ini :D
Semoga bermanfaat

Note:
Untuk tampilan edit HTML blog yang terbaru caranya ctrl+A smua script html dulu lalu cut dan paste kembali maka semua kode script akan terlihat (sama seperti expand template pada tampilan blogger.com yang lama).

Share this post