When someone search for the content which they are looking for, the search engine displays the result for them and they visit the specific page to read the content or information they need and they close the page. Similarly, if someone clicks on their desired link, they simply redirected to the page to read the content on certain blog and then move on. By this way the person who is visiting or reading their desired content on your blog does not get to know about your latest updates. So here, i am going to share the widget to get your reader or visitor to know about your latest updates by installing it in sidebar of your blog. This widget is so called “RECENT POSTS” widget. To add this widget in your blog, follow the simple steps below:
1. Login to your Blogger Dashboard.
2. Go to Template.
3. Backup your Template. (Click Here To See, How?)
4. Now go to “LAYOUT” > “ADD A GADGET”.
5. Select “HTML/JAVASCRIPT” from the list and add that following code.
<div class="recentpost">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"tutorialspark.blogspot.com/feeds/posts/default"},
"hideHeader":"false","height":"650","count": 5 }
</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="rp">
<a href="http://tutorialspark.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget"></a><a href="http://tutorialspark.blogspot.com/" target="_blank"></a></div>
<noscript>Your browser does not support JavaScript!</noscript>
</div>
<style type=text/css>
.recentpost{margin:10px 0px;padding:0px;}
.rp li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.rpTitle {padding-top:0px;}
.rpDescription {display:true;}
.rp {background:transparent url() 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.rp, .rp a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
6. Click SAVE.
You’re done. Refresh your blog to see the widget.
This is how your widget looks like:
Note:
Change "tutorialspark.blogspot.com" to your own blog URL.
Change "height=650", to your own choice.
- Drop Your Comments And Reviews Below & Don't Forget To Share The Post.
