Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Karmela Blogger Template

6,415 Downloads. 25,289 Views.
Rating: 1 Star2 Stars3 Stars4 Stars5 Stars
4.3 out of 5 based on 20 bloggers and 27 commenters.


  1. How to install a Blogger template.

About Karmela

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

More Magazine Blogger templates:


Author: PBTemplates.
Designer: .

27 Questions and comments on Karmela

Laura 9 February 2011 at 7:07

The template looks very bad, try to fix things.

↩ Reply
Articulture 12 February 2011 at 18:50

Hello! Should you explain how to change the menu (black toolbar) in your template? Change the name of the menus and link to our proper pages? I really like your template but I can’t use the different possibilities it offers!

Thx !!

PS: i’m a french speaker! ^^

↩ Reply
Claudia 12 February 2011 at 20:45

@Articulture: Go to Design/Edit HTML and find the following code:

<ul id='nav'>

<li><a class='current-cat' expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>

<li><a href='#'>Edit</a></li>


You must change those URLs by yours.

↩ Reply
atm 13 February 2011 at 0:44

The font size in my blog is too big. how should I change it?

↩ Reply
Claudia 13 February 2011 at 13:34

@atm: I which part of your blog do you want to change the font size?

↩ Reply
Atm 15 February 2011 at 0:47

@claudia : just c the blog title

I want the word ” The Airborne Geek ” to appear in a single line, and have a background image, which covers the the full header area.

I`v tried editing the HTML but no avail. I cant change the font,text color and its alignment.Its left justified it seems. Any image I add is distorted and not aligned. Pls help.

The template is very good but The header is giving trouble.

↩ Reply
Claudia 15 February 2011 at 19:00

@Atm: First of all, go to Design/Edit HTML and find the following code:

#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:40%;overflow:hidden;}

Change the 40% by 100% and save changes.

To change the header background, go to Design/Edit HTML and find:

#header-wrapper{width:950px;margin:0 auto 0;height:110px;background: #fff;overflow:hidden;}

change it by:

#header-wrapper{width:950px;margin:0 auto 0;height:110px;background: url( no repeat;overflow:hidden;}

You background image must be 950x110px.

Please, let me know in which part of your blog do you want to change the font, text color and alignment.

↩ Reply
Atm 15 February 2011 at 22:08

Thank you very much. as you could see, I was able to change the header text alignment.Looks much better now :-).

however, the code for the background image is not workin out. Also, I want to change its font and color.
Is there some CSS script that you have which I could edit in blogger?
Or any other way?
My bg image is 950 X 110 px. I`ve used the links from both picasa and photobucket. but the background remains the same , without any image.

Please help me.

↩ Reply
Atm 15 February 2011 at 22:10


I guess you should really learn some etiquette and manners on how to interact in the web domain.
plain criticism without useful suggestion helps no one.

↩ Reply
Claudia 17 February 2011 at 14:13

@Atm: I see the background picture if your header 😉

Now you can change the font of the header here (in Design/Edit HTML):

#header h1{margin:0 5px 0;padding:15px 0 0 10px;font:bold 44px Arial,Helvetica,Sans-serif;color:#000;}
↩ Reply
mike 20 February 2011 at 13:39

Karmela Stylesheet is missing.

I get this error when i try to install your themes. I’m using softaculous.

Need your suggestion that how it should be fixed.

Your help should be much appreciated


↩ Reply
dicky 21 February 2011 at 7:00

can you show me how to integrate google adsense in this theme, because I cant find google adsense in Monetize tab

↩ Reply
jordan 1 March 2011 at 0:14

Awesome template! Thank you!

For some reason I can’t get my labels to work in the Nav Bar. The only one that seems to be working is “Culture.” Every recent post has a label (gear, wear, food, etc.) but when I click one those labels in the Nav Bar it takes me to “” (if I were to click Gear) but then says “No posts with label Gear.”

Any ideas?

Here’s the coding I currently have:

<a href=’’ rel="nofollow">Gear</a>
<a href=’’ rel="nofollow">Wear</a>
<a href=’’ rel="nofollow">Home</a>
<a href=’’ rel="nofollow">Body</a>
<a href=’’ rel="nofollow">Food</a>
<a href=’’ rel="nofollow">Culture</a>
<a href=’’ rel="nofollow">Travel</a>

Help! 🙂

↩ Reply
Janice 25 March 2011 at 3:12

This was exactly what I was looking for!! 😀

Also, I was wondering, if it is possible to change the css or whatever so the grey bar in the featured content slider is not as tall? I want to post only the name of the featured post instead of the details as well! Right now the grey area is taking a lot of space.

If anyone could help me that would be awesome!


↩ Reply
Claudia 26 March 2011 at 0:31

@Janice: Go to Design/Edit HTML and find the following code:

.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:120px;background:#4F4F4F;color:#fff;text-indent:0;overflow:hidden}

Change the height (120px) by a lower value and save changes.

↩ Reply
Janice 27 March 2011 at 23:02

@Claudia: Thanks! It worked perfectly 🙂

↩ Reply
Etel 6 April 2011 at 17:13


I’d like to use this nice template but I got this error message: “The entity name must immediately follow the ‘&’ in the entity reference.”

Please help! What should I do/change?
Thanks in advance.

↩ Reply
Claudia 6 April 2011 at 20:28

@Etel: Please, follow the installation instructions explained in our FAQ. If you are careful, it should work 🙂

↩ Reply
Etel 7 April 2011 at 5:31

Thank you very much for your kind help, it was very useful (and succesful). 🙂

The last difficult questions:
I could change the name of the menus as you recommended upper BUT:
1. How could I write to/in/below the certain menu items and how could I put the existing posts below the menu items?
2. How could I make more or less menu items and mainly: more or less child categories to the certain menus?
3. How could I change the colors of menus? (Black to red, and the selected menus red to green)
4. How could I change the 5 intermittent pictures to the ours?

Thank you again, I’m very-very grateful.

↩ Reply
Etel 14 April 2011 at 16:39

Hi, my upper problems are solved except these:

– could you explain how to put posts below/linked the proper/different menus/pages and how to put the existing posts below the menu items?
– and how to change the colors of background of primary menus(background of parent titles)?

Thx a lot!!!

↩ Reply
Etel 15 April 2011 at 7:32


Hey, why did you moderate my questions?

↩ Reply
Etel 15 April 2011 at 7:33

I see it again, amazing. 🙂

↩ Reply
Claudia 16 April 2011 at 11:50

@Etel: My first comment explains how to change secondary menu items 😉

↩ Reply
Etel 20 April 2011 at 14:17

@Claudia: Thanks, but you didn’t answered MY questions:
– could you explain how to put posts below/linked the proper/different menus/pages and how to put the existing posts below the menu items?
– and how to change the COLORS of background of primary menus(background of parent titles)?

↩ Reply
Janice 3 May 2011 at 1:59

@Claudia: Is there anyway that you can change or delete the “read more”? I want to use the blogger jumps so that my RSS feeds can be shorter, but that results in two jumps. Alternatively, is there a way the html can be changed so the font is white or something?

Thanks a lot!

↩ Reply
Ariel 27 July 2011 at 23:00

Forgiveness does not speak English
how do I delete or change the top bar where the icons are twitter and rss?

↩ Reply
Jason 24 February 2012 at 11:35

Is this comment section still active? I had a question about setting up the Featured Post Gallery.

↩ Reply

Leave a Reply

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