Thursday, December 25, 2014

Simple Recent Post Widget for Blogger without Thumbnail and Post Title only

Simple Recent Post Widget for Blogger without Thumbnail and Post Title only

Blogger blogging Platform actually does have a built-in Feature to show recent posts But lets do with manually adding HTML/JAVAScript Recent post widget to your blogger blog, but how?

Here is the Solution:
Recent Post Widget

Step 1:- Login to you Blogger Dashboard
Step 2:- Go to Layout and Add Gadget link anywhere you want to show recent post.
Step 3:- Now new pop up window will appear and scroll down then copy and paste below code.

 <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://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="http://startingphaseofc.blogspot.com/2014/12/simple-recent-post-widget-for-blogger.html" 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>

 Step 4:- Customize the script.

- Change http://blog-address.com with you blog address.
- Change 10 to desired number of posts you want to display.

Step 5:- Now Save the Widget and Enjoy !

No comments:

Post a Comment