Simple Recent Posts Widget for Blogger Do you want to display recent posts in your blogger blog? But unfortunately there is no Recent Posts widget in blogger! I am sure you have seen so many WordPress hosted sites with Recent Posts widget including thumbnails of the post. Now the question is how you can show recent posts to your blog readers. Well I have a quick method to show your recent posts in your blogger blog, after all it is good way to engage readers, especially those readers who are coming through Facebook, Twitter, Bing, Yahoo and Google Search Engine. Because in pre made Blogger format the reader must go to homepage in order to see recent posts. So here is the quick way to show Recent Posts in Blogger Blog.
Do you want to display recent posts in your blogger blog? But unfortunately there is no Recent Posts widget in blogger! I am sure you have seen so many WordPress hosted sites with Recent Posts widget including thumbnails of the post. Now the question is how you can show recent posts to your blog readers. Well I have a quick method to show your recent posts in your blogger blog, after all it is good way to engage readers, especially those readers who are coming through Facebook, Twitter, Bing, Yahoo and Google Search Engine. Because in pre made Blogger format the reader must go to homepage in order to see recent posts. So here is the quick way to show Recent Posts in Blogger Blog.
This is how Recent Posts widget will look like:
This is how Recent Posts widget will look like:
How to add Recent Posts widget in Blogger Blog?:
Step 1: Log into your Blogger Dashboard, go to Layout section and Click on Add a Gadget link:
Step 2: After you click on Add a Gadget, a popup window will appear, now select HTML/JavaScript gadget as picture shows below:
Step 3: Now select below given code and paste it into HTML/JavaScript gadget:
Step 4: Replace the colored text with your blog URL and hit save.
There you go you have a simple Recent Posts widget in your Blogger Blog. Please leave your comments below and share our work with your friends.
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://trickzbucket.blogspot.com/2015/11/simple-recent-posts-widget-for-blogger.html" target="_blank" title="Grab this widget">Recent Posts Widget</a> <a href="http://www.trickzbucket.blogspot.com/" target="_blank">Blogger</a></div><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 {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXt5TBPjazJTsUdivJ30oLlDkqRC7g3IVUT_j5z69tw_iyyQg9l_m7Dn5Vnp4FaXHIcc9RvjA5YSSwzdn6aY2cIEQgXYNkeU-grt2frwBs3QWOwFjpxJmmiaH61XeMQe8vvPaUEMmgxgw/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>
Step 4: Replace the colored text with your blog URL and hit save.
There you go you have a simple Recent Posts widget in your Blogger Blog. Please leave your comments below and share our work with your friends.
COMMENTS