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 + '&id=<data:post.id/>&format=htmljsonp&domain=notes.rioastamal.net&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.
0 comments:
Post a Comment