Membuat Recent Post tanpa Thumbnail sederhana di Blog

advertisement
Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel terbaru dari blog sobat.

Kode dibawah ini akan membuat recent post sederhana, akibatnya loading yang akan dihasilkan jauh lebih cepat dari recent post kebanyakan. Oke langsung saja berikut tutorial cara membuat recent post sederhana tanpa thumbnail di blogspot

membuat recent post sederhana

1. Login pada akun Blogger.
2. Masuk ke Layout → Add a Widget
3. Copy kode dibawah ini lalu masukan ke dalam widget HTML/Javascript

<!-- RECENT POSTS --><ul id="recent-posts"></ul><script>
//<![CDATA[
var homePage = "http://kangibay.net/", //ganti dengan url blog sobat
numPosts = 10; //jumlah judul postingan
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"><a href="'+link+'" title="'+title+'">'+title+'</a></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>

Keterangan:
//Ganti dengan nama blog kamu
//Jumlah judul posingan

4. Setelah semuanya selesai, silahkan simpan



Itu saja tutorial membuat widget postingan terbaru (recent posts) di blog, semoga bermanfaat dan bisa langsung sobat praktekan.

Source code : http://kang-mousir.blogspot.com/2014/06/membuat-widget-recent-posts-untuk-blog.html

Salam,
Admin
advertisement
SHARE ON :

Artikel Terkait

Membuat Recent Post tanpa Thumbnail sederhana di Blog
4/ 5
Oleh

Subsribe

Masukkan alamat email Sobat untuk berlangganan blog ini dan menerima pemberitahuan pesan baru melalui email.

Load comments