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
<div class="$bs-recent-posts-widget"><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"http://www.srdelta.com/feeds/posts/default"},"hideHeader":"false","height":"","count": 7 }</script><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><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><style type=text/css>.$bs-recent-posts-widget {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 {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHOrqiBOy261wXOTH1hBBpCJ33kK_QF-gsQAVOshcOa8xBX1GEbrzNt3qVQYM-cQGmCdiVFXA07auZadTJrz-u_JUVNoovNHJUYsYy8vOkAQOCz5oNF3kX8BlYHAtqfsJ5WPPN0xu16w/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}.ycdr, .ycdr a {color:#999999;}.widget .popular-posts ul {padding-left:0;}</style>
make Changes According to You:
like www.srdelya.com to your blogger address