Recent Post Widget with Thumbnail
If your blog has lengthy posts, and you wish to assist your visitors to find your new posts swiftly, without spending stretch surveying throughout your blog seeking for your aged posts.
You'll surely like this widget, and you’ll append it to your blog sidebar.
Here is the work ing code for recent post widget with thumbnails… Just follow the steps.
Step 1: Copy following code and past as HTML Widget in to blogger template. Here you have to change blue colour text with your blog address or domain name.
<!-- Recent post with thumb proknowliz.info -->
<div class="pipesContainer">
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"http://www.proknowliz.info/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 5 }</script>
<style type=text/css>
.pipesContainer {
margin:10px 0 10px 0;
padding:0px;
background:none;
}
.pipesHolder {
padding: 0px!important;
margin:10px 0px 0px 0px!important;
}
.pipesTitle {
padding-top:0px!important;
line-height:14px;
font-weight:bold!important;
}
/*.pipesDescription,*/
.pipesSmallthumb {
display:none!important;
}
.pipesThumbnail img {
border: none!important;
width:82px !important;
min-height: 72px !important
}
.pipesThumbnail {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq4wa5Gz3IIdWPO1fNgFLx9wiWjDTzCEacM-bJHLlK6x7O07O-Tavp4meJhbQhh4dFBw6WiOiWquGU2d40ImHp0G1-ADvXXnqnIirym8wfnyd8Udp6swCGbeOkaFHJAefgNe4KN1oglwDz/s400/blogger.gif) no-repeat top center;
border: none!important;
height:72px !important;
width:72px !important;
overflow:hidden;
margin: 0px 8px 0px 0px!important;
}
.yba,.ybf {display:none!important;}
.ygt {margin-top:10px;margin-bottom:10px;font-size:9px;float:left;}
.ybr li {background-color: transparent!important; border-bottom:1px #cccccc dotted; padding:0px 0px 10px 0px!important;}
</style></div>
<!-- Recent post with thumb proknowliz.info –>
Step 2: Save template.
Vinayak SP
Vinayak is a web geek, digital columnist, and solo entrepreneur working on ProBlogBooster. You can follow PBB on social media or subscribe to our email newsletter and never miss an update. twitter instagram amazon linkedin external-link
This looks promising.
How can I sort out so only posts with a certain tag is shown?