Home
Kalau anda sekarang sedang mempelajari Blogger, sudah pasti membuat Recent Post adalah salah satu yang anda cari saat ini. Begitu banyak ragam Recent Post diluar sana membuat para blogger baru bingung harus menggunakan yang mana, bukan begitu?
Nah daripada bingung, ada baiknya anda mencoba membuat Recent Post paling sederhana sekaligus paling enteng / ringan. Karena semakin enteng blog anda diakses maka semakin senang juga pengunjung blog anda. Percuma saja blog anda sangat bagus tapi kalau aksesnya saja mencapai menitan untuk membuka 1 halaman.... saya sendiri juga bakal bubar gan hehehe.
Ok sudah siap ya dengan Tutorial Recent Post Ringan?
Kode membuat Recent Post Sangat Ringan
Silahkan anda copy kode berikut ini (didalam kotak) dan masukkan ke Gadget HTML/Javascript anda.
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://nama-blog-anda.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
<script>
//<![CDATA[
var homePage = "http://nama-blog-anda.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
Nah dari kode diatas ada 3 bagian yang perlu anda pahami.
- var homePage = "http://nama-blog-anda.blogspot.com/" : Ganti dengan url blog anda
- numPosts = 5 : Ganti angka 5 dengan jumlah post yang ingin ditampilkan
!Catatan!
Perlu diperhatikan! Jika jumlah post anda kurang dari 5 sementara numpost = 5 maka Recent Post tidak akan muncul. Jadi jangan sampai jumlah post anda kurang dari numpost ya :) - /feeds/posts/summary : Jika anda ingin yang muncul adalah Artikel Terbaru tanpa memperhatikan labelnya, maka kode ini tidak perlu diganti. Akan tetapi, jika anda ingin memunculkan Artikel Terbaru sesuai dengan label maka kode ini harus diganti dengan : /feeds/posts/default/-/labelanda
!Catatan!
Jika label anda terdiri dari dua kata dengan diantarai spasi seperti "Artikel Games" maka kode yang benar adalah /feeds/posts/default/-/Artikel%20Games
Jika sudah selesai mengubah kode anda, berikutnya silahkan anda save dan lihat hasilnya pada blog anda. Kalau di blog saya ini contohnya anda bisa lihat pada screenshot gambar di atas, atau pada halaman homepage blog ini :).
Ok, selamat mencoba dan semoga berhasil gan ^_^
