Membuat widget recent post blogger

 


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&amp;alt=json-in-script&amp;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.

widget recent post blogger,
Recent post sudah muncul

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.

Top Post Ad

Below Post Ad