Free Blogger Templates for your Blog

Supras

live demo
Features:
Instructions: How to install a Blogger template
Template author: PBTemplates
Designer:
Description:

Supras is a free blogger template adapted from WordPress with 3 columns, magazine-styled, left and right sidebars, ads ready, slideshow, posts thumbnails and tabs.

Download Supras for free in BTemplates.
Rating

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

Loading ... Loading ...
3.8 out of 5 based on 38 bloggers and 14 commenters.
Compatible with: FFIEChrome
Share:

Comments about Supras blogspot template

14 Comments, leave a reply »
  1. Kanhai Patel 8 January 2011
    Reply

    This is a one best Temlate. Thanks

  2. João Gustavo 8 January 2011
    Reply

    You can remove the “readmore”?

  3. Facemot 9 January 2011
    Reply

    Like Magazine Templates :(

  4. Claudia 10 January 2011
    Reply

    @João Gustavo: Go to Design/Edit HTML -> Expand widget templates and replace:

    
    <div class='post-body entry-content'>

    <p><script type='text/javascript'>
    summary_noimg = 800;
    summary_img = 650;
    img_thumb_height = 150;
    img_thumb_width = 200;
    </script>
    <script type='text/javascript'>
    //<![CDATA[

    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //]]>
    </script>
    <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more »</b></a></span>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

    <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>

          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

    by:

    
       <div class='post-body entry-content'>

    <p><data:post.body/></p>

          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

    Save changes. Does it work?

  5. João Gustavo 10 January 2011
    Reply

    @Claudia: Thank you, now is perfect. Kisses

  6. ALHDHD 20 January 2011
    Reply

    Thank you
    You are really useful and deserve thanks and respect

    I record my admiration for this great template,

  7. Didix 30 January 2011
    Reply

    @Claudia:

    Claudia, you saved me.
    Your solution to fix de read me is excelent. Even more, from now one, the short and the full version of any post has the same formating.

    The SUPRAS theme is exelent. With your fix is just perfect.

    Thanks again for your suport and genius solution that you shared with us

  8. bcafterall 11 February 2011
    Reply

    Hi Claudia!

    How can I make the date appear exactly like your blog, below the title and smaller???

    Thanx

  9. Cr Crack 21 February 2011
    Reply

    ok,

  10. nandychu 23 February 2011
    Reply

    Hi Claudia. First, sorry for my bad english :P . Second, my question:
    How I can change the colour of the menu? where it says: home, business.. etc

    Thank you very much!

  11. Claudia 23 February 2011
    Reply

    @nandychu: You must edit (in an image editor), host in a photo hosting, and replace the following image link in Design/Edit HTML:

    http://4.bp.blogspot.com/_rKLBTcXIDJY/TSfKMmpQo0I/AAAAAAAAAlg/g2CyIa754jc/s000/menu-secondary-bg.png
  12. dayan 2 April 2011
    Reply

    hi claudia,this is a perfect template

    i have a question,how to add older post,newer post, home, links on the bottom of the page?can you give me a code s for that and tell me how to add them? than cludia

  13. dayan 3 April 2011
    Reply

    omgod this is the best forever cludia,wow it so nice

  14. Ram 12 October 2011
    Reply

    Hi,
    I want to have this theme with Two columns so that I get 1 side bar and 1 main content are with more width. I have seen some blogs like that. If someone can help me in doing that I would be obliged.
    Thank you

Leave a Reply

Thank you for your comment! If it contains links, your comment will be moderated. If you're looking for technical support, please see the FAQ's, our blog or contact the original author.

There are 4408 free Blogger Templates for You!