Add Recent Posts Widget In Blogger

Hello Friends,
If You are a Blogger On Blogspot And You Have Want To Show Your Recent Posts On Your Blog. Then You Have Need To a Widget For Recents Post. If You Are Using Wordpress Then You Have Easily Install a Plugin For Recent Posts. And Your Recent Posts Will Be Shown In a Widget.
But If You Are Use Blogspot For Your Blog Then There Are No Any Widget For Recents Posts. Today I Have Tell To You How To Add Recent Posts Widget In Blogger (.blogspot.com). Please Follow My Steps Below And You Will Be Able To Add Recent Posts Widget In Your Blog...

1. Go To Your Blogger Dashboard.
2. Click On Layout.
3. Then Click On Add a Gadget Link.
4. A Popup Will Be Shown Select Html/JavaScript.
5. Enter "Recent Posts" In Title Column and Paste This Code Below:-

<div class="eggTray"><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"nannodesign.blogspot.in/feeds/posts/default"},"hideHeader":"false","height":"","count": 5 }</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 {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ0Kldco-H4uaPx0eUawPdYhhU5NLVmx5a65jlw5ae9lQujn8merkpJKrJAkfELhJqk8YGZKGEcVV2Dor3MRmzSZr9t75XyKNTc1oFFqhe8YHHOHOW5XqZJvviSwRt6JnyxLOPdG1tgLg/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>

6. Click On Save Button and You Have Done.
7. Your Recent Posts Widget Will Be Show On Your Blog.

Tip:-
* Change nannodesign.blogspot.com With Your Blog Address.
* If You Want To Show More Then 5 Posts Then Change 5 With Any Other Showing Posts.
* If you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10.

Posted in: Blogger Tips,Blogger Tips And Tricks