Belajar RSS Feed

Nah bagi pengguna blog Blogsome yang sebenarnya berplatform Wordpress juga tapi akses untuk menambahkan pluginsnya tidak diperbolehkan, kita bisa menggunakan trik berikut ini untuk menampilkanrelated post di blog.

Konsepnya sebenarnya begini, kita ingin menampilkan beberapa postingan yang ada di kategori yang sama dengan postingan yang sedang diakses karena biasanya postingan dalam kategori yang sama juga mengandung topik isi postingan yang sama pula. Nah beruntungnya, secara default di semua kategori yang ada di blog berplatform Wordpress kayak Blogsome ini mempunyai RSS Feed. Misal jika kita punya kategori bernama Web Development maka RSS Feednya adalahhttp://zawa.blogsome.com/category/web-development/feed/ dan jika di dalam kategori tersebut mempunyai child kategori lagi misal bernama CSS maka RSS Feednya menjadihttp://zawa.blogsome.com/category/web-development/css/feed/.

Dari contoh struktur RSS Feed kategori tersebut kita bisa membuat related post berdasarkan isi dari tiap-tiap RSS Feed kategori yang sedang diakses.

Langkah-langkahnya sebagai berikut :

Pertama masuk ke halaman admin terus ke menu Manage » Files » Index.html. Pada templates tersebut masukkan kode berikut sebelum tag html </head>

{capture name='post'}{single_post_title}{/capture}{if $smarty.capture.post}{literal}
<script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0"></script>
<script type="text/javascript">google.load("feeds", "1");</script>{/literal}{/if}

Selanjutnya pada tag html sebelum </html> masukkan kode berikut ini :

{capture name='post'}{single_post_title}{/capture}{if $smarty.capture.post}
{literal}<script type="text/javascript">
var feedcontainer=document.getElementById("relatedpost"){/literal}
{capture name='kategorinya'}{the_category_head}{/capture}
var feedurl="{$siteurl}/category/{$smarty.capture.kategorinya|strip_tags:false|lower|replace:' ':'-'|replace:',':''}{literal}/feed/"
var feedlimit=5
var rssoutput="<div style='color:#000000;text-decoration:none;font-family:arial;font-size:14px;font-weight:bold;'>Related Posts</div><ul style='margin:0;padding:0;margin-top:3px;margin-bottom:14px;'>"
function rssfeedsetup(){
var feedpointer=new google.feeds.Feed(feedurl)
feedpointer.setNumEntries(feedlimit)
feedpointer.load(displayfeed)
}
function displayfeed(result){
if (!result.error && result.feed.entries.length!=0){
var thefeeds=result.feed.entries
for (var i=0; i<thefeeds.length; i++)
rssoutput+="<li style='margin:4px 0px 0px 0px;padding:0;'><a href='" + thefeeds[i].link + "' title='"+ thefeeds[i].title +"'>" + thefeeds[i].title + "</a></li>"
rssoutput+="</ul>"
feedcontainer.innerHTML=rssoutput
}
else
feedcontainer.innerHTML=rssoutput+="{/literal}<li>Tidak ada posting terkait</li>{literal}</ul>"
}
window.onload=function(){
rssfeedsetup()
}
</script>{/literal}
{/if}