Cara Membuat Recent Post Posting Terbaru Blogger

Cara Membuat Recent Post Posting Terbaru Blogger, ada beberapa cara diantaranya :

Recent Post, Latest Post, atau Posting Terbaru di Blogspot berfungsi sebagai Internal Link sekaligus Navigasi bagi user atau pengunjung blog.

1. Dengan menambah Widget di Layout (Tata Letak)

• Layout > Add Gadget > RSS > Masukkan URL Blog dan Ganti Nama Widget dengan Recent Posts, Latest, Post, atau Posting Terbaru.

2. Dengan Menggunakan Kode

• Layout > Add Gadget > HTML/Javacript

Copas kode berikut ini :

<style>
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:60px;height:60px;border:0;float:right;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:green;}
.recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:12px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

3. Add Widget  Recent Posts Dengan Gambar

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Blogger Widget?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<a href="/search/label/Blogger Widget" style="float:right;font:normal 11px Arial;padding:5px 0;">More Post &#187;</a>

Ganti Blogge Widget, sesuai dengan label blogspot anda dan jika mengingingkan semua postingan Blogger Widget ganti dengan default

 
4. Add Widget  Recent Posts dengan Satu Gambar

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Blogger Widget?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {document.write('<ul>');
for (var i = 1; i < json.feed.entry.length; i++)
{for (var j = 1; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {break;}}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);}document.write('</ul>');}
</script>
<script src="/feeds/posts/summary/-/Blogger Widget?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="/search/label/Blogger Widget" style="float:right;font:normal 11px Arial;padding:5px 0;">More Post &#187;</a>

Ganti sesuai dengan label blogspot anda dan jika mengingingkan semua postingan Blogger Widget ganti dengan default