Recent Posts Widget for Blogger or BlogSpot
Recent posts widget will display post titles, quotes or scraps and it’s easy to modify. To customize
your own design, you will need to adjust the CSS styles. Hera you can change
your link or background color and size. By using this widget-display post title
only, change the number of post or show the post details.
How to Add the Recent Posts Widget to Blogger
Step 1. Log in to your Blogger dashboard from your
Blogger Dashboard, go to Layout > click on Add a Gadget link.
Step 2. From the pop-up window, scroll down and
choose HTML/JavaScript.
Step 3. Copy the below code and pest inside the
empty box:
<div class="eggTray">
<script src=" http://helplogger.googlecode.com /svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/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>
Note:
# Replace YOUR-BLOG
with the url of your site or blog ( http://knowledgeinfi.blogspot.com ) and be sure to have no
forward slash symbol "/" at the last part of the url
# To halt the
scroll bar, remove the number 500
# This widget
is set to display a maximum of 8 recent posts by default. To change this
number, replace the number 8 with the number
of posts that you want to appear
# If you want
only the posts titles, change true to none and "0" from padding-top:0px with 10
Step 4. Then click save button
That’s all.
Share this post and reply your comments below in addition to get more updates
from us subscribe to our RSS feeds.