Recent Post Widget for Blogger

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Recent_post_bloggerRecent Post Widget for Blogger :How to Display Latest Recent posts in blogger (blogspot) Show any number of posts and topic in yo widget area it’s easy below make you to enable Comments, Date, post summary, and read more link. we already shared many blogger tutorial with you like Add share button below post title and Remove Sticky Widget also Related Post Widget in blogger
Follow these very simple steps to add the “Recent Posts Widget with Thumbnails” in your blog.
  • Go To Blogger > Design > Page Elements
  • Click on “Add a Gadget” link
  • From the pop-up window, choose HTML/JavaScript
  • Copy and paste the following code below
[php]<div>
<blockquote><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",</blockquote>
<blockquote>"pipe_params":{"URL":"http://www.srdelta.com/feeds/posts/default"},</blockquote>
<blockquote>"hideHeader":"false","height":"","count": 7 }</script></blockquote>
<blockquote><div style="font-family: arial, sans-serif; font-size: 9px;"><a href="http://www.wrock.org" target="_blank" title="Grab this template">Recent Posts Widget With Thumbnails</a></div><noscript>Your browser does not support JavaScript!</noscript></div></blockquote>
<blockquote><style type=text/css></blockquote>
<blockquote>.$bs-recent-posts-widget {margin:10px 0px;padding:0px;}</blockquote>
<blockquote>.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}</blockquote>
<blockquote>.pipesTitle {padding-top:0px;}</blockquote>
<blockquote>.pipesDescription {display:true;}</blockquote>
<blockquote>.ycdr {background:transparent url(http://3.bp.blogspot.com/-oxTuqVj1ziA/T6P6wtxqsgI/AAAAAAAACBE/wWR0bb2gfuE/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}</blockquote>
<blockquote>.ycdr, .ycdr a {color:#999999;}</blockquote>
<blockquote>.widget .popular-posts ul {padding-left:0;}</blockquote>
<blockquote></style></blockquote>
<blockquote>[/php]

This will work fine Demo could be found on srdelta.com. Be with us for more tricks and tutorials

personal technology columnist, author and founder of wRock.org, a widely read tech and how-to blog since 2009. Wants to explore and share interesting Tips, Tutorials and More. Also WordPress Theme Designer @ here. Contact: Contact

2 thoughts on “Recent Post Widget for Blogger

Leave a Reply

Your email address will not be published. Required fields are marked *