Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Supras Blogger Template


Free Download Live Demo

9,233 Downloads. 24,269 Views.

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

Mobile screenshot


  1. How to install a Blogger template.

About Supras

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.

More Magazine Blogger templates:


Author: PBTemplates.
Designer: .

14 Questions and comments on Supras

Kanhai Patel 8 January 2011 at 1:05

This is a one best Temlate. Thanks

↩ Reply
João Gustavo 8 January 2011 at 12:09

You can remove the “readmore”?

↩ Reply
Facemot 9 January 2011 at 4:55

Like Magazine Templates :(

↩ Reply
Claudia 10 January 2011 at 11:58

@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?

↩ Reply
João Gustavo 10 January 2011 at 12:13

@Claudia: Thank you, now is perfect. Kisses

↩ Reply
ALHDHD 20 January 2011 at 10:43

Thank you
You are really useful and deserve thanks and respect

I record my admiration for this great template,

↩ Reply
Didix 30 January 2011 at 1:09


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

↩ Reply
bcafterall 11 February 2011 at 11:27

Hi Claudia!

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


↩ Reply
nandychu 23 February 2011 at 14:36

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!

↩ Reply
Claudia 23 February 2011 at 15:16

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

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

↩ Reply
dayan 3 April 2011 at 5:40

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

↩ Reply
Ram 12 October 2011 at 13:21

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

↩ Reply

Leave a Reply

Your email address will not be published. Required fields are marked *