Cara Membuat Recent Post Pada Blog

Ini 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:

menampilkan judul posting saja
mengubah jumlah posting
menunjukkan tanggal posting
menunjukkan tanggal posting

Lihat gambar di bawah:

Bagaimana menambahkan Widget Posting terbaru ke Blogger

1. Login ke Anda Blogger Dashboard >> lalu ke Design >> Add a Gadget >> memilih HTML/JavaScript
2. Choose & Copy salah satu code lalu paste di HTML/JavaScript:

Option 1: Posting terbaru widget dengan detail

<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://blogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRqcs0AuFJh8_yVKDYZNyxjhKxXCQ9O4W3sjCHhlY53QjlC8f4Da9yvaX9RtUKr1yL9ScoYP5pvIRxtMpPitwwBoVY5rq5Zr3d6I8trbgIkmS3D_C8NLMn9kJ91EtgpeWcMWOBkGz3t2Np/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>

Option 2: Recent Posts Hanya Menampilkan Judul Posting

<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 = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://Blogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr">.
<style type=text/css>
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>

3. Perubahan 5 (pilihan 1) dan 10 (opsi 2) dengan jumlah posting yang ingin ditampilkan. Mengubah false ke true jika Anda ingin posting tanggal muncul, dan mengubah 100 (pilihan 1) jika Anda ingin lebih banyak karakter yang akan ditampilkan. Jangan lupa untuk mengubah teks-blog dengan nama blog Anda atau jika Anda memiliki perubahan custom domain semua garis tebal dengan alamat Anda seperti dalam contoh ini:

http://www.your-site.com/feeds/posts/default....

4. Simpan widget Anda.

Cara Membuat Recent Post Pada Blog

Popular Posts