Tuesday, 7 April 2015

Elegant Recent Post Widget for Blogger

So far as I consider, Recent post widget is not yet available on default widgets on blogger. WP guys however are leveraged with this widget. Recent post widget helps your blog in two ways. Firstly it create audience engagement with your blog and secondly it inform the perspectives about what you recently have written on your blog. You can fetch posts from other blogs as well but only in case where you're sure that the feed address you're entering is correct.

Recent Post Widget


Recent Posts with Snippet

<div id="hlrpsa">
<script src="https://googledrive.com/host/0B9z9HCzVzJW4UEo0RkVwMmxzUzg">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Only Title Recent Post widgets

<div id="hlrpsb">
<script style="text/javascript" src="https://googledrive.com/host/0B9z9HCzVzJW4UzA5ZFJYdENQcHc"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="#" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }

</style>
Note : Make sure to change the blog-address.com in given snippets with your own blog URL.

Final Words :

This widget is working to many extents and you're asked to confirm the feed host address first before using this widget. In case, you're unable to setup this widget, comment here and let me know. I will try to resolve the issue.

Hi There, I’m Vashishtha! Just another tech-savvy blogger on the plannet with a super power of troubleshooting.


EmoticonEmoticon