• Add Simple Recent Post Widget For Blogger With Comments Count


    Please follow the steps given below with at-most concentration..

    Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.
    Step 2: Next Goto >> Design >> Page Elements >> Add Gadget >> html/javascript >> and paste this code below as shown


    <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 = 298;
    cellspacing = 8;
    borderColor = "#ffffff";
    bgTD = "#000000";
    thumbwidth = 40;
    thumbheight = 40;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = false;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 5;
    home_page = "http://atoz2u.blogspot.com/";
    </script>
    <script src="http://wierdwalker.googlecode.com/files/recentposts.js" type="text/javascript"></script>
     
     
    Step 3: Customization  
     
    The codes given above has some values and meaning. playing with those 
    can get you a good looking widget for your blog, just edit these codes
    
    boxwidth = 298; [here 298 is the width of this widget change it according to your sidebar size]
    borderColor = "#ffffff"; [border color] 
    thumbwidth = 40;
    thumbheight = 40; 
    fntsize = 12;  [size of the fonts used in here]
    acolor = "#666";  [color of the links]
    showPostDate = false; [false=dont show post date: : true=show post date ]
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    numposts = 5; [number of post to display]
    home_page = "http://atoz2u.blogspot.com/"; [very very important you have to change this in order to get the result, you should replace it with your blog url]

    It Easy.Try It

    LIVE DEMO

    0 comments:

    Post a Comment