Membuat Related Post pada Blogger

Tags: March 12, 2012 10:31 AM

Setelah berjam-jam dipusingkan dengan bagaimana membuat related post pada blogger, akhirnya dapat selesai juga solusinya. Cara mudah untuk membuatnya adalah sebagai berikut: pertama cari baris kode pada template yang terlihat seperti kode berikut.

<p class='post-footer-line post-footer-line-1'>

Sisikan kode baru sehingga tampilan akhir menjadi seperti ini.

<-- BEGIN RELATED POST -->
<b:if cond='data:blog.pageType == "item"'>
    <div id="blogger-related-post" style="margin-bottom:20px;"></div>
    <b:if cond='data:post.labels'>
        <script>
            var blogger_related_post_tags = "<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>";
            var blogger_related_link = "http://playground-astasoft2.rhcloud.com/blogger/related-post.php?tags=" + blogger_related_post_tags + '&amp;id=<data:post.id/>&amp;format=htmljsonp&amp;domain=notes.rioastamal.net&amp;max=7';
            
            function update_related_post_data(jsonp) {
                document.getElementById('blogger-related-post').innerHTML = jsonp.data;
            }
            
            var bscript = document.createElement("script");
            bscript.setAttribute("src", blogger_related_link);
            document.getElementsByTagName('head')[0].appendChild(bscript); 
        </script>
    </b:if>
</b:if>
<-- END RELATED POST -->

<p class='post-footer-line post-footer-line-1'>

Selanjutnya yang perlu diganti hanyalah pada baris nomor 7 yaitu bagian domain=notes.rioastamal.net ganti dengan domain=blogspot.anda.sendiri. Contoh hasil related post dapat dilihat pada blog ini.

Share on Facebook Twitter

0 comments:

Post a Comment