Membuat widget recent post blogger
Bagaimana cara membuat recent post ini?. Pertama, silakan ke Tata Letak. Setelah itu pada bagian sidebar template Anda, klik Tambahkan Gadget. Kemudian pilih HTML/Javascript. Lalu paste-kan script berikut di dalamnya.
<style type='text/css'>
#recent-posts{
width:auto;
padding:0 10px;
margin:0 auto;
border:1px solid #ddd;
}
#recent-posts ul,#recent-posts li {
list-style:none;
}
#recent-posts a{
text-decoration:none;
}
#recent-posts a:hover{
text-decoration:none;
color: #004bf6;
}
#recent-posts li{
border-top:1px solid #ddd;
padding:6px 0
}
#recent-posts li:first-child{
border-top:none;
}
</style>
<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');
for(var i=0;i<20;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>
Simak juga: cara membuat favicon blogger
Angka 20 di atas menunjukkan jumlah recent post yang akan ditampilkan. Jadi Anda bisa ubah sesuai dengan kebutuhan Anda. Berapa banyak artikel terbaru yang ingin Anda tampilkan.
Kemudian pastikan sudah tercopy-paste dengan benar. Lalu klik tombol Simpan untuk menyimpan script tersebut.
Melihat recent post blogger
Setelah perubahan tadi disimpan, sekarang waktunya untuk melihat perubahannya pada blog. Jika berhasil, maka Anda akan melihat daftar artikel terbaru pada sidebar blog Anda.
Bagaimana di blog Anda? Sudah coba untuk ditambahkan dan terlihat hasilnya seperti pada gambar di atas? Semoga widget recent post blogger pada blog Anda muncul juga ya.
Social Plugin