Wednesday, 30 September 2015

How to Add Recent Post Widget With Thumbnail for Blogger

Blogger

How to Add Recent Post Widget With Thumbnail for Blogger: In this Article we tell you how you can Add Recent Post Widget With Thumbnail in your blogger. Using Recent post widget you can increase your blog page views and post visits. your visitors can see your Recent post Quickly. its a very nice and Attractive widget must try it.

How to Add Recent Post Widget With Thumbnail for Blogger

You need to follow few for installation of  recent post widget.
  • Go to the layout > Add Widget
  • Pate below code on your widget and change www.twotricks.com with your website url.
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"www.twotricks.com/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

  • Save your widget. and visit your blog to see your recent post widget. 
Your Recent post widget is looks like below image.

recent post

Customization

You can customize your widget height by changing height":"500".
You can change post number showing to change this value 8 "count": 8.

3 comments: