Login Dashboard Blogger
1. Login pada dashboard blogger2. Lalu klik tab " LayOut"
3. Klik "Add Gadget"
4. Lalu cari Html/JavaScript jika sudah ketemu sobat pilih widget tersebut.
Konfigurasi Script Widget Recent Post
1. Salin Script dibawah ini:<script>2. Pindahkan ke Widget yang tadi sobat pilih ( Html/Javascript )
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<10;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
3. Pada angka 10 sobat rubah dengan jumlah postingan yang akan ditampilkan pada widget recent post.
Contoh widget Recent Post |
Kemudian sobat save dan lihat apa yang terjadi pada widget blog sobat, Dan itulah hasil dari tutorial diatas. Semoga artikel ini bermanfaat bagi para blogger yang ingin memperindah halaman blog dengan kontent terbaru menggunakan widget widget recent post. Sekian artikel tentang Membuat Recent Post Blog Sederhana Di Blog 2017.