It's Almost Recent Posts Widget For Blogger / Blogspot Amongst Summary Together With Read More

Showing the almost recent posts widget to the sidebar of your Blogger blog? Recent Posts Widget had this swell characteristic equally the posts of his latest present amongst their titles, abstracts amongst a publication date. This widget allows you lot to laid the issue of posts displayed as well as likewise allow you lot to laid the issue of sec characters.Today allow us practise our ain Custom Blogger Widget to display almost recent posts.


Read More :
1. Recent Posts Widget for Blogger Text CSS Hover Effect amongst jQuery
2. Animated Recent posts for Blogger amongst Thumbnails - Simple Spy

Live Demo

Recent Posts Widget amongst post snippets


1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the next code inwards HTML/Javascript Box.

<script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-snippets-ycode.js"></script><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript">
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
var numposts = 5;
</script>
<script src="http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Recent Posts Widget amongst post titles only

Live Demo

<script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-titles-ycode.js"></script><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript">
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var numposts = 10;
</script>
<script src="http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Recent Posts Widget amongst Post Summary And Read More

Live Demo

<script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-more-ycode.js"></script><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href=" /" rel="dofollow" target="_blank" title="It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More"><img alt="Showing the almost recent posts widget to the sidebar of your Blogger weblog It's About Recent Posts Widget for Blogger / Blogspot amongst Summary And Read More" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript">
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
var numposts = 5;
</script>
<script src="http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

There are many variables inwards this script that you lot necessitate to suit to blend the widget’s await amongst that of your weblog template. Most of them are self explanatory.

1.In the code, await for the line…

http://bdlab.blogspot.com/feeds/posts/default
as well as supersede the weblog address amongst your ain weblog address

2.How to alter the issue of posts

By default, this widget is laid to display a maximum of five recent posts. To alter this number,

var numposts = 5

edit trouble inwards the code as well as supersede the issue five amongst the issue of posts desired:


3.How to alter the Number of Characters (Excerpt)


This widget is laid to display an excerpt of 100 characters of each post. If you lot wishing to alter that number, but await for the issue 100 inwards the code as well as supersede it amongst the issue of characters you lot wishing to endure displayed.

Recommended setting: l to 100.

var numchars = 100;

4.How to Show Post Date

If you lot wishing to present the post date, await for the trouble amongst the give-and-take showpostdate inwards the code. Then alter its value from faux to truthful (shown inwards color crimson below).

var showpostdate = false;

Happy Blogging! =)

Many thank you lot to bloggerplugins for making this code as well as I but tested as well as modified to occur blogger

Tweet

Subscribe to receive free email updates: