Recen Posts Widget With Thumbnails For Blogger.

Recen Posts Widget With Thumbnails For Blogger.

Recen Posts Widget With Thumbnails For Blogger.

In This Tuttorial We Will Show You Recen Posts Widget With Thumbnails That Shows A list With The Most Recent Post If You Would Prefer A More Minimalist Look.You Will See a Different Way Of  Displaying The  Recen Posts On Blogger- This Is Specially For Those Who Want To Show More Info Like The Recent Post Expert/Summary And The Post Thumbnails.

To Add This Gadget Is very Easy, Just Follows These Below Simpale Steps And Enjoy It.

How To Add Recent Post Widget To Blogger.

1) Go To Your Blogger Dashboard.

2) Go To Layout> Click On Add a GadGet Link

3) From The Pop-Up Windows Appear Scrool Down And Chose HTML/JavaScript.

4) Inside The Empty Box, Add The Following Code.

 <div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"http://ithelper1.blogspot.com/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 http://ithelper1.blogspot.com/  With Your 

Blogger Site Address.And Pay Attension To Have No Forword Slash Symbol "/" At The End Of The URL.

To Disable The Scrool Bare Remove The No "500".

Change Most Recent Number With 8 To Your Choise Repalce The Number "8" With The Number Of Post That You Want Appear.

IF You Want Only The Post Title Change "Tru" To "None" And "0" From padding-top:0px; With 10

5) Save Your Widget And You're Done