
Follow these very simple steps to add the “Recent Posts Widget with Thumbnails” in your blog.
Also Try our Wrock Blogger Template
- 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
<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