For bloggers who are proud to stay up-to-date with the latest content, Blogger's latest post widget can be a very useful tool. The blogger's recent post widget in many ways is like a 'news alert' that journalists like to use during their reports, providing the latest and most relevant posts to offer.
Adding a blogger to the latest Blogger post helps reduce dependence on email advertising, because you don't have to send an email to let people know you've created a new post. Instead, it is updated automatically for everyone to see. You can then use this information to design email newsletters, and use what is commonly called a 'Twitter effect' where the audience will regularly check your site for new posts. Apart from this, you are forcing people to do their own search for information and content, increasing your chances of leaving the site and damaging your ranking. If you have been able to attract visitors to some of your posts using the latest Blogger post widget, it will continue to serve as the second most accessible resource for navigating your site. That way, you can prevent them from filtering out old content that may expire. If you choose to show some of your best posts instead of your recent posts, you can do that instead, or add that feature to the bar with just a few changes.
Aside from looking good and taking up little space, there are many benefits to not having Blogger's latest post widget. The great part of these additions is that they come with a variety of designs that will fit any theme.
If you're interested in adding a widget to your site, here are 5 great recent post widgets that can catch your eye and fit your Blogger template:
<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e) { for (var t = 0; t < posts_no; t++) { var r, s = e.feed.entry[t], n = s.title.$t; if (t == e.feed.entry.length) break; for (var a = 0; a < s.link.length; a++)if ("alternate" == s.link[a].rel) { r = s.link[a].href; break } n = n.link(r); var i = "... read more"; i = i.link(r); var l = s.published.$t, o = l.substring(0, 4), u = l.substring(5, 7), c = l.substring(8, 10), m = new Array; if (m[1] = "Jan", m[2] = "Feb", m[3] = "Mar", m[4] = "Apr", m[5] = "May", m[6] = "Jun", m[7] = "Jul", m[8] = "Aug", m[9] = "Sep", m[10] = "Oct", m[11] = "Nov", m[12] = "Dec", "content" in s) var d = s.content.$t; else if ("summary" in s) var d = s.summary.$t; else var d = ""; var v = /<\S[^>]*>/g; if (d = d.replace(v, ""), document.write('<li class="recent-post-title">'), document.write(n), document.write('</li><div class="recent-post-summ">'), 1 == post_summary) if (d.length < summary_chars) document.write(d); else { d = d.substring(0, summary_chars); var f = d.lastIndexOf(" "); d = d.substring(0, f), document.write(d + " " + i) } document.write("</div>"), 1 == posts_date && document.write('<div class="post-date">' + m[parseInt(u, 10)] + " " + c + " " + o + "</div>") } }
</script>
<script type="text/javascript">
var posts_no = 5; var posts_date = true; var post_summary = true; var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;"
href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent
Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {
counter-reset: countposts;
list-style-type: none;
}
.recentpoststyle a {
text-decoration: none;
color: #49A8D1;
}
.recentpoststyle a:hover {
color: #000;
}
.recentpoststyle li:before {
content: counter(countposts, decimal);
counter-increment: countposts;
float: left;
z-index: 1;
position: relative;
font-size: 15px;
font-weight: bold;
color: #fff;
background: #69B7E2;
margin: 13px 5px 0px -6px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
li.recent-post-title {
margin-bottom: 5px;
padding: 0;
}
.recent-post-title a {
color: #444;
text-decoration: none;
font: bold 13px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.post-date {
font-size: 11px;
color: #999;
margin: 5px 0px 15px 32px;
}
.recent-post-summ {
border-left: 1px solid #69B7E2;
color: #777;
padding: 0px 5px 0px 20px;
margin-left: 10px;
font: 15px Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}
</style>
</div>
