in

Recent Post Widget for Blogger

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="https://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(https://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

2 Comments

Leave a Reply

Leave a Reply

Your email address will not be published.

99Spr.com

Free Classified Website to Prompt or Sell Product website India

Wrock Blogger Magazine Style Template