Simpel Recent Post widget untuk blogger

Tweet

Widget Recent Posts akan menampilkan tidak hanya judul posting tapi juga kutipan posting atau potongan di blog Anda. Apa yang dapat Anda lakukan dengan widget ini:

1. Menampilkan judul posting hanya
2. Mengubah jumlah posting
3. Mengubah jumlah karakter pasca potongan / kutipan
4. Menunjukkan tanggal posting

Bagaimana menambahkan Widget Recent Posts ke Blogger

1. Login akun blooger Anda
2. Masuk ke menu ke Layout >> Add Gadget >> pilih HTML / JavaScript 
3. Pilih dan salin kode dari salah satu pilihan di bawah ini dan paste :

Pilihan 1: Posting terbaru widget dengan snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://URL-blog-kamu.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<style type="text/css">
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdTqG4wxv6C3SuaMx5V7bv26b8QROSzsq3kFOrvC9LbHK3Tqz-hiVJLcp0HJ_EnMYq_7SxVGJSKF6mlODaZzMEceEQU7dMJvXV2rc1DvgcsQobkfLFMEcipwb96ySHlTSIa-JVjmKJv6U/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Pilihan 2 : Recent Post Widget hanya judul post saja

 <div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://URL-blog-kamu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdTqG4wxv6C3SuaMx5V7bv26b8QROSzsq3kFOrvC9LbHK3Tqz-hiVJLcp0HJ_EnMYq_7SxVGJSKF6mlODaZzMEceEQU7dMJvXV2rc1DvgcsQobkfLFMEcipwb96ySHlTSIa-JVjmKJv6U/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Keterangan :

1. Ganti URL-blog-kamu
2. Ganti  var numposts = 10 sesuai dengan jumlah postingan yang ingin kamu tampilkan.