Membuat Related Post di Blogspot

Kode berikut sebagai catatan saja, karena saya sudah membuat dengan script yang lebih sederhana. Tentu saja dari inspirasi salah satunya adalah kode seperti ini. Contoh-contoh code seperti ini, banyak beredar di internet. Kita bisa mengambil dan mencobanya di blog yang kita buat. Kita juga bisa mengambil code dari website dimana saja, selama website itu terbuka, kita bisa melihat script-script yang dipasang di halaman yang sedang kita buka. Kemudian bisa dicopy, diedit dan dikembangkan untuk blog kita.

 <style>
#rp h4{border-top:1px solid #333;border-bottom:1px solid #333;color:#333;font-size:14px;letter-spacing:0;line-height:20px;margin:0 0 5px;padding:5px 10px}
#rs{margin:0;padding:0px;line-height:16px}
#rs:hover{background:none}
#rs ul{list-style-type:none;margin:0;padding:0}
#rs li{width:48%;float:left;margin:10px 1%;padding:0;height:106px;list-style:none;overflow:hidden}
#rs .news-title{display:block;font-weight:bold!important;font-size:80%}
#rs .news-text{display:block;text-align:justify;font-weight:normal;text-transform:none;color:#333;font-size:90%}
#rs img{float:left;margin:6px;border-radius:5px}
@media (max-width:600px){
#rp h4{font-size:12px;line-height:15px}
#rs li{width:100%;float:none;margin:3px 0;height:67px}
#rs .news-text{font-size:80%;text-align:left;}
#rs img{margin:3px 6px 0 0;width:60px}}
</style>
 
<script type='text/javascript'>//<![CDATA[
var maxposts = 6;
var numchars = 150;
var rnum = 0;
var morelink = "..";
var judul=new Array();
var urls=new Array();
var cuplikan=new Array();
var gambar=new Array();
function saringtags(a,b)
    {
    var c=a.split("<");
    for(var i=0;
    i<c.length;
    i++)
        {
        if(c[i].indexOf(">")!=-1)
            {
            c[i]=c[i].substring(c[i].indexOf(">")+1,c[i].length)
        }
    }
    c=c.join("");
    c=c.substring(0,b-1);
    return c
}
function relposth(a)
    {
    for(var i=0;
    i<a.feed.entry.length;
    i++)
        {
        var b=a.feed.entry[i];
        judul[rnum]=b.title.$t;
        postcontent="";
        if("content"in b)
            {
            postcontent=b.content.$t
        }
        else if("summary"in b)
            {
            postcontent=b.summary.$t
        }
        cuplikan[rnum]=saringtags(postcontent,numchars);
        if("media$thumbnail"in b)
            {
            postimg=b.media$thumbnail.url
        }
        else
            {
            postimg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLl6Xg9iATSMtTi0kWfInj-d8k6S9JOmZ6MOcVxY3OtIyg1yZSYgyrM2hDVzmWu4QOdQanqV-JkpHNZoNGEESeUttNt4YrnmAJJ1rMfWIY_zPjLAba59YGAZWrF_uGk9_IeXKARam_Vw/s18/ayosenyum.gif"
        }
        gambar[rnum]=postimg;
        for(var k=0;
        k<b.link.length;
        k++)
            {
            if(b.link[k].rel=='alternate')
                {
                urls[rnum]=b.link[k].href;
                break
            }
        }
        rnum++
    }
}
function contains(a,e)
    {
    for(var j=0;
    j<a.length;
    j++)if(a[j]==e)return true;
    return false
}
function relatpost()
    {
    var a=new Array(0);
    var b=new Array(0);
    var c=new Array(0);
    var d=new Array(0);
    for(var i=0;
    i<urls.length;
    i++)
        {
        if(!contains(a,urls[i]))
            {
            a.length+=1;
            a[a.length-1]=urls[i];
            b.length+=1;
            b[b.length-1]=judul[i];
            c.length+=1;
            c[c.length-1]=cuplikan[i];
            d.length+=1;
            d[d.length-1]=gambar[i]
        }
    }
    judul=b;
    urls=a;
    cuplikan=c;
    gambar=d;
    for(var i=0;
    i<judul.length;
    i++)
        {
        var e=Math.floor((judul.length-1)*Math.random());
        var f=judul[i];
        var g=urls[i];
        var h=cuplikan[i];
        var j=gambar[i];
        judul[i]=judul[e];
        urls[i]=urls[e];
        cuplikan[i]=cuplikan[e];
        gambar[i]=gambar[e];
        judul[e]=f;
        urls[e]=g;
        cuplikan[e]=h;
        gambar[e]=j
    }
    var k=0;
    var r=Math.floor((judul.length-1)*Math.random());
    var l=r;
    var m;
    var n=document.URL;
    while(k<maxposts)
        {
        if(urls[r]!=n)
            {
            m="<li class='news-title clearfix'>";
            m+="<a target='_blank' href='"+urls[r]+"' rel='nofollow' target='_top' title='"+judul[r]+"'><img src='"+gambar[r]+"' />";
            m+=""+judul[r]+"";
            m+="<span class='news-text'>"+cuplikan[r]+".."+morelink+"</a><span class='news-text'>";
            m+="</li>";
            document.write(m);
            k++;
            if(k==maxposts)
                {
                break
            }
        }
        if(r<judul.length-1)
            {
            r++
        }
        else
            {
            r=0
        }
        if(r==l)
            {
            break
        }
    }
}
//]]></script>

<div id='rp' style='margin-top:23px;'>
<h4 style='color:#000; text-shadow:none; border-radius:12px; border:0px solid #ddd; border-top-width: 3px;'>Proyek Perumahan Syariah: </h4>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relposth&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>
<b:else/>
<script expr:src='&quot;/feeds/posts/default/-/Ahsana%20Mojokerto?alt=json-in-script&amp;callback=relposth&amp;max-results=6&quot;' type='text/javascript'/>
</b:if>
<ul id='rs'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>