Supras Blogger Template

Share this: Twitter Facebook Google+

Supras Blogger Template

Template name : Supras

Template type : 2 Sidebar, 3 Column, Adapted from WordPress, Blue, Elegant, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Blogger Pages Ready, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : January 1, 2010

Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes

Coder/Designer URL(s) :

Basic Instructions : How to install a Blogger template

Advanced Details :

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>


DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slide codes between <div class='fp-post'> and </div> .

Now replace,

  • "This is default featured post X title" with your featured post title.
  • "featured-post-X-url-here" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara -" with your slider description.
  • Slider image address with your slider image.

for each featured slide.

How To Configure First(Top) Navigation Menu

You do not need to configure it.It is automatically add blogger pages of your blog.But if you want you can change pages order in page elements section.

How To Configure Second Navigation Menu

Find <div class='menu-secondary-wrap'> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

How To Configure a Navigation Menu

How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-844379150-id'>
<li><a href='#widget-themater_tabs-844379150-id1'>Featured Video</a></li>
<li><a href='#widget-themater_tabs-844379150-id2'>Archives</a></li>

Now change the names "Featured Video" and "Archives" as you like.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method).Logo image size must be 252px width and 70px height.

If you have any problem regrading this template,leave a comment below.

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.


This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:

Premium Blogger Themes

More Themes...

12 Responses to “Supras Blogger Template”

  1. Alguien sabe como personalizar un poco este template?. Concretamente lo que me gustaria es cambiar los dos fondos lisos por alguna imagen.
    El template lo he visto y me parece muy bueno, incluyendo los comentarios y ayudas de este blog

  2. Hi. I'd like to use this template but I need space for big logo. Is there any way to pull that out. Where do I set logo stuff?

  3. Since i am new to this can you help me change the header - it writes just one word per line in the header. also additional info about submenus - do i have to write the articles then point the url to the submenus? Thank you

  4. Hallo, i'm very like with your template, thank you very much and, i want to ask something, how can i show newer post, home and older post icon in this template? please,,

  5. Hi,
    Excelent template.
    I have a question.
    How can I put a Youtube featured video in template just like in your demo site.
    I didn't find some explanation in the code.

  6. Thumbnails on first page are streched because I always work with 480 px screenshots on my blog. How to avoid thumbnails to be streched on first page (Home, default)

  7. I have problem with empty spaces after first and third post on home page how to resolve this problem

Leave a Reply