Cara Memasang Recent Posts Widget di Blog

Cara Memasang Recent Posts Widget di Blog - Kali ini Fariz akan memberikan sebuah Widget kepada sobat yaitu Widget Recent Posts atau Artikel terbaru di Blog.

Widget ini Berfungsi untuk Memberitahu seseorang bahwa ada Artikel terbaru di blog sobat. Widget ini Fariz ambil dari blog mbak Arlina Design. Oke gak usah lama lama langsung saja ikuti Tutorial Cara Memasang Recent Posts Widget di Blog dibawah ini :

1. Sobat Login di Blogger dan akan Langsung ke Dashboard blogger Lalu sobat cari dan klik Tata Letak. Dashboard > Tata Letak > Tambahkan Widget > HTML/Javascript.
2. Lalu sobat Copy kode dibawah ini dan Masukan ke Kolom yang kosong tadi.

<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "www.brofariz.xyz",
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"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+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>

NB : Sobat ganti yang Berwarna MERAH dengan URL sobat dan Ubah nomor 5 dengan Post yang ingin Ditampilkan.

3. Simpan Dan Lihat apakah Sudah terpasang ? Kalau sudah berarti Tutorial kali ini Berhasil ^^

Itulah widget Recent Posts atau Artikel terbaru untuk sobat. Kalau Berhasil Koment dibawah ya :) . Akhir Kata Terima kasih :)