Free Blogger Templates for your Blog


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

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

Download Supras for free in BTemplates.

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

3.8 out of 5 based on 40 bloggers and 14 commenters.
Compatible with:FFIEChrome


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

    This is a one best Temlate. Thanks

  2. João Gustavo 8 January 2011

    You can remove the “readmore”?

  3. Facemot 9 January 2011

    Like Magazine Templates 🙁

  4. Claudia 10 January 2011

    @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 type='text/javascript'>

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    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;

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


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

    Save changes. Does it work?

  5. João Gustavo 10 January 2011

    @Claudia: Thank you, now is perfect. Kisses

  6. ALHDHD 20 January 2011

    Thank you
    You are really useful and deserve thanks and respect

    I record my admiration for this great template,

  7. Didix 30 January 2011


    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

    Hi Claudia!

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


  9. Cr Crack 21 February 2011


  10. nandychu 23 February 2011

    Hi Claudia. First, sorry for my bad english 😛 . 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

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

    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

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

  14. Ram 12 October 2011

    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 4667 free Blogger Templates for You!