Stylish Recent Posts Widget For Blogger

                                                 

Hello CracksTrick readers today i am going to give an idea about how to add stylish Recent Post Widget for your blogger. In my previous article I had given you the way to  Add Multi-Colored Popular Posts Widget For Blogger, Now on this place present helpfulness you to recent post widget for your blogger. Its alive widget with thumbnail and   Countenance with precise posterior connective. So you can try to add it to your Blogger

•     Log in to blogger  Design > Page Element.
•     Click Add Gadget and select 'HTML/Javascript
•     Now Paste Below code.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>  
    <style type="text/css" media="screen">   
    <!--
    #spylist {  
    overflow:hidden;   
    margin-top:5px;   
    padding:0px 0px;   
    height:350px;   
    }   
    .spydate{   
    overflow:hidden;   
    font-size:10px;  }

    #spylist ul{   
    width:350px;   
    overflow:hidden;   
    list-style-type: none;   
    padding: 0px 0px;   
    margin:0px 0px;   
    }   
    #spylist li {   
    width:230px;   
    background: #1ed2f2;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 1px 10px !important;
    -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
    }  

    #spylist li:hover {
    background: #84f6f5;

    }

    #spylist li a {  
    text-decoration:none;   
    color:#4B545B;   
    font-size:11px;   
    height:18px;   
    overflow:hidden;   
    margin:0px 0px;   
    padding:0px 0px 2px 0px;   
    }   

    #spylist li img {   
    float:left;   
    margin-right:5px;
    margin-top:3px;    
    background:none;   
    border:0;   
    }   

    .spycomment{  
    overflow:hidden;   
    font-family:Tahoma,Arial,verdana, sans-serif;   
    font-size:10px;   
    color:#262B2F;   
    padding:0px 0px;   
    margin:0px 0px;   
    }
    -->
    </style>
     <script language='JavaScript'>


    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 5;

    home_page = "http://crackstrick.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
        <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
    </div><a style=" float:right;font-size:8px; color:#3B78CD; text-decoration:none;" href="http://crackstrick.blogspot.com/2012/11/how-to-add-stylish-animated-blogger.html">crackstrick widget</a>

• After paste above code
•  Replace http://crackstrick.blogspot.com with your Site URL 
•  Now save your HTML/Javascript'.

     You are done..!!!!