Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Clean Elegance Blogger Template

Clean Elegance

Free Download Live Demo

12,477 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Clean Elegance

Clean Elegance is a free Blogger template with 2 columns and right sidebar.

Excellent template for blogs about photography.


Lastest templates:


Credits

Author: Roam2Rome.


51 Questions and comments on Clean Elegance

Roam2Rome 22 May 2010 at 10:54

For instructions on how to change the images with your own images, go to:

roam2rome.com/p/tablet-desk-theme.html

Also, find “tablet desk” theme on this site, which also has a similar header code and 20 comments, which might help you customize this theme.

Happy blogging…

↩ Reply
Lecca 24 May 2010 at 20:06

Very nice template, :)

↩ Reply
Roam2Rome 24 May 2010 at 21:16

Thanks :)

One tip for everyone. When you install this theme, go to your “settings” and on “time stamp” choose a date format you like….

↩ Reply
chester 24 May 2010 at 22:22

very nice………………….
i like it………
thanksw

↩ Reply
Bob Axline 25 May 2010 at 12:19

@Roam2Rome:
I an new to Blogging – I like your Clean Elegance design. I want to use it for our Company Blog – changing the pictures to plastic card designs. I downloaded the files. Then tried to add to my new Blogger account. If appears it will only accept their limited designs. Any suggestions of of better approach. Do not mind paying for a host.

↩ Reply
Roam2Rome 25 May 2010 at 12:35

..you should be able to change the images in the menu just fine.

Maybe open “new post” as if you were going to write a post and upload the pictures. Click view html. Copy the image links from the post.

Then paste these links to the code where it says something like “paste image links here”

You’re done :)

↩ Reply
Bob Axline 25 May 2010 at 12:58

My present problem is using your design template on Blogger – It only appears to accept the few they have available. I am not stuck with Blogger, I can open an account elsewhere, suggestions welcome. But if possible I have opened a Blogger account.

↩ Reply
Roam2Rome 25 May 2010 at 15:21

Yes, initially it only gives you a couple options. THEN, you go to lay-out, edit hmtl, and upload the theme file… you’re set.

You don’t have to have hosting or have another account anywhere. This is a blogger template.

Happy blogging :)

↩ Reply
multy_web 26 May 2010 at 6:48

One question, after I change the images for the ones i like, how do i transform them into links? I cannot figure it out…:S

↩ Reply
multy_web 26 May 2010 at 6:52

I found it, thanks anyway

↩ Reply
Victoriya Camilleri 26 May 2010 at 8:13

Beautiful design!!! Really beautiful!

Is it possible to change picture`s number? I would like 10 instead of 6.

↩ Reply
Victoriya Camilleri 27 May 2010 at 14:54

@Roam2Rome:

One tip for everyone. When you install this theme, go to your “settings” and on “time stamp” choose a date format you like…

Thanks for theme. It`s really nice.
But date format does not work. :(

↩ Reply
Robin 28 May 2010 at 16:20

I have added this template to my blog but not getting the full templates. Not having the Footer part. No Option for OLDER POSTS. Pls Help

↩ Reply
Robin 29 May 2010 at 3:30

@Roam2Rome:
This Template is not Transforminhg full
In my Blog there is no Footer Showing even d OLD POST Option not showing
Pls any1 Help

↩ Reply
Roam2Rome 2 June 2010 at 11:38

Yes, date format *does* work… go to SETTINGS => change “time stamp” to date format…

↩ Reply
Flávio 14 June 2010 at 10:58

How do I put links in images?

↩ Reply
Marissa 21 June 2010 at 23:51

Hi Rome2Rome…

I’m trying to figure out how to include the text in my header pictures! I checked out your blog, but it does not say how to do this specifically!!

Thanks in advance!

↩ Reply
mrniceguy 22 June 2010 at 11:33

how do i add another header picture like your blog instead of using the ori title head?? roam2rome.com

thanks

↩ Reply
Roam2Rome 24 June 2010 at 8:57

To include text in header pictures… you have to do that yourself in a picture editor!

To add a header picture… it’s easy … just add it through blogger. Change your layout settings.. upload picture, like you would for any theme.

↩ Reply
Nicole 27 June 2010 at 20:20

I love this layout! I’m trying to get the color of the blog background to change from white to gray – but I can’t seem to find where in the code I can do that?

Any help would be greatly appreciated!

Thanks!

↩ Reply
Roam2Rome 27 June 2010 at 22:01

The blog posts are actually image based… which was needed to round up the corners and add shadow effects.

In order for me to divide each post separate from the rest there are 4 images that make up the blog post.

You’ll need to right click on top line, footer line, background, and the dividing line, and SAVE each image to your desktop.

Then with an image editing program (even a simple one as Paint will do) manually change the color, or the image itself, to however you want.

Then you have to upload the images to your blog, like you did the header images, and replace the link where ever you find those 4 images.

↩ Reply
Nicole 2 July 2010 at 21:33

Thank you so much – I was able to change it – I will send you a link when I’m done and I love the design!

I have one more question – am I able to add more pictures/tabs on the top – I would like to have 8 instead of 6?

Thanks Again,
Nicole

↩ Reply
Victoriya Camilleri 3 July 2010 at 1:40

Will it be with the other colors? I still try to change it by my self, but I did not manage. :(

↩ Reply
Roam2Rome 3 July 2010 at 15:34

That’s great Nicole, and, yes, you can have more than 6 pictures on header.

The instructions are already on “tablet desk” theme on this site, too, and I might have them on the blog, too, I think. I’m finger typing on my iPod right now, so I won’t write them again, but I know it’s been covered before…

You’ll do fine adding more pics :)

Vuctoriya, look through the theme’s code and copy ALL the image links (jpg or png) and paste each one on your browser and save to your desktop. You can then change what ever you like to the design! Color or anything, and upload each image again, and paste the link exactly where you found it… that’s all.

↩ Reply
Nicole 5 July 2010 at 14:48

Awesome! I was able to put more images – thank you so much.

Also – I was wondering if it’s possible to change the color of the font on comments – or the background behind the comments?

And for some weird reason – I changed the header ‘EXTREME INDIE BLOG’ to black – but on some of my links – it’s still white? Not sure if I missed something in the code?

Thanks again for all your help!

↩ Reply
YenMinh 8 July 2010 at 6:37

love it :) thanks :)

↩ Reply
Jânio César 9 July 2010 at 22:02

Roam2Rome,

The layout does not have the options ‘Older Posts’ ‘Newer Posts’. How to Enable the options ‘Older Posts’ ‘Newer Posts’. Please, thank you very much whoever can help!

Thanks,

@ janio_cesar

↩ Reply
Jennifer 21 July 2010 at 16:57

Hi there,
I was wondering if you could help me out? I am using your Clean Elegance and I want to make my blog posts shorter with a link to “more…” so that it will load faster and it can open in a separate page. So basically, I want to shorten the length of post area.

Can you help?

Thanks!

Jennifer:

↩ Reply
Roam2Rome 21 July 2010 at 17:08

Yes. I guess blogger is calling it “after the jump” code.

BTW, I just released version 2 of this theme with a few code changes based on feed-back. So. Look for that in this site within a day or two.

Meanwhile, you can get info on how to do that by following this Google Groups tutorial: google.com/support/blogger/bin/answer.py?hl=en&answer=154172

It explains everything.

↩ Reply
Yours Truly 22 July 2010 at 11:45

Hi Roam2Rome

I was just wondering if there was any way to change the number of images from 6 to 5. Searched through your website and could not find much.

Assistance would be greatly appreciated.

↩ Reply
Roam2Rome 22 July 2010 at 12:16

Yes, yes. I think we answered that on the thread over at “Tablet Desk” that uses the same header code…

Step 1… You’d delete the #Kwich .opt6 link that appears TWICE (at the start of the code, and below. Where you inserted your images, and your links). Or add an .opt7 .opt8, etc. if you want more.

Step 2… Then on #kwick .kwick Width…. multiply the value by 6, and divide by the number of images you want = new pixel settings.

What Step 2 does is calculate how much space each picture should take when they’re “closed”. If it blinkers or disappears, reduce by a pixel or two.

↩ Reply
Roam2Rome 22 July 2010 at 12:17

BTW…. there’s brand new code for this theme. It’s updated. Should appear on this site soon.

↩ Reply
Erica 21 August 2010 at 11:59

this is what i get stuck with in the html editor and cannot save the template

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in prolog.

↩ Reply
Roam2Rome 21 August 2010 at 13:07

Well, I actually took the time to make a very significant update for this theme, and some design changes, and gave it twice to Btemplates to post.

Btemplates has not posted it, and does not reply to my emails. At all. It’s been a month.

So I cannot continue to offer support for this version, when the code changes were made for all of you already…

↩ Reply
Alex 30 August 2010 at 11:01

Really wish there was a fix to add “older entries”.

↩ Reply
Roam2Rome 30 August 2010 at 17:00

Hi Alex…

I DID fix the “older entries.”

There were Bloggers changes, and so I made the fix. It’s in the Clean Elegance 2.0 theme release, which Btemplates never posted here, and never replied why they don’t post it for all of you to have.

So. Like I said above, I stopped uploading themes to this site.

↩ Reply
Jivanti 9 September 2010 at 6:38

@Roam2Rome:

Hi, I wanted to get to your homepage on instructions to change the image on the header but permission denied. I was wondering if you could allow me the permission to enter your webpage. Thank you.

↩ Reply
karnon cual 24 September 2010 at 2:59

@Roam2Rome:

it’s an amaizing theme.I wanna use this template.But this link ( roam2rome.com/p/tablet-desk-theme.html ) needs some invations. can you help me how can i see the page.

↩ Reply
fiqriz 28 September 2010 at 0:17

@Roam2Rome:

i can’t enter into your site. I want to change the pictures (header). Plz help me

↩ Reply
MUXLIMO 9 October 2010 at 3:22

I love this template and using it now!:D
but..
I hope someone tell me how to put HOME-ABOUT-CONTACK TAB VIEW on it.. :_( i need those tabs.. please..

and..

thanks :D

↩ Reply
MUXLIMO 9 October 2010 at 3:25

o yea…and the date on my page just show the time.. i try another format but nothing changes there.. :_P

↩ Reply
MUXLIMO 9 October 2010 at 3:34

@fiqriz:

find this part in your edit XTML:
——————————————————————-

/* CHANGE HEADER IMAGE LINKS HERE */

#kwick .opt1 {
outline: 0; background: #000000 url(https://4.bp.blogspot.com/_Z8F7gBEfQSU/S_b86eqCK7I/AAAAAAAAAIg/Y4HewZjMeag/s1600/abstract.jpg) ;
}
#kwick .opt2 {
outline: 0; background: #000000 url(https://2.bp.blogspot.com/_Z8F7gBEfQSU/S_b87p1LeVI/AAAAAAAAAIw/Lks46reCb5I/s1600/landscapes.jpg);
}
#kwick .opt3 {
outline: 0; background: #000000 url(https://1.bp.blogspot.com/_Z8F7gBEfQSU/S_b878dtKuI/AAAAAAAAAI4/eMTMA36a47Y/s1600/nature.jpg);
}
#kwick .opt4 {
outline: 0; background: #000000 url(https://2.bp.blogspot.com/_Z8F7gBEfQSU/S_b88LSlKVI/AAAAAAAAAJA/NoIB65pbuuw/s1600/people.jpg);
}
#kwick .opt5{
outline: 0; background: #000000 url(https://4.bp.blogspot.com/_Z8F7gBEfQSU/S_b86CsHI1I/AAAAAAAAAIY/P9gCZjf-KRE/s1600/urban.jpg);
}
#kwick .opt6 {
outline: 0; background: #000000 url(https://1.bp.blogspot.com/_Z8F7gBEfQSU/S_b878dtKuI/AAAAAAAAAI4/eMTMA36a47Y/s1600/nature.jpg);
}
——————————————————————-
then change the image URL with your URL images (make sure your image is in widht:400 and height:250)

okay.. :)

↩ Reply
MUXLIMO 9 October 2010 at 3:37

and yeah, Roam2Rome.. i never can go to ur page.. it said “only invited ppls could enter the site”…lol then just invite me, will ya.. LOL xD

↩ Reply
Rosana Oshiro 25 October 2010 at 4:34

@Roam2Rome: I would like a invitation to participate in this blog. It’s blocked! =(

↩ Reply
Sheila 15 December 2010 at 0:32

how do you change the font of the header?

↩ Reply
anis 9 February 2011 at 3:24

thanks for this template..
love it…

i have found the solution to newer-older post for this template..
and it works for me..

1. Open edit HTML

2. Check this section code
#blog-pager {
text-align: center;
}

3. Insert clear:both; code so the code will be look like this
#blog-pager {
text-align: center;
clear:both;
}

4. Save (i prefer if u could preview first, before u save.)

original are from here -> ipietoon.com/2010/02/how-to-fixed-newer-older-post.html?showComment=1297239476602#c5948464262073627696

↩ Reply
Sheila 23 April 2011 at 8:27

How do you take the side bar off, and make the main blog post wider.

↩ Reply
tobf 20 June 2011 at 4:04

Does anyone know how to make it so that every post, even if there are multiple ones on one day, will show the title and timestamp at the top?




</div></div>


<div class="date-outer">


<div class="date-posts">






</div></div>

I know it has to do with the conditionals there, but I can’t get it right :(

↩ Reply
tobf 20 June 2011 at 4:05

er… the code didn’t show up :( but it’s the bit that starts with the !– Posts comment. through !– navigation.

↩ Reply
erica 20 September 2011 at 10:55

@Roam2Rome:

I am trying to add you on blogger and it wont let me otherwise I cant figure out how to customize this template. I used it a long time ago but I need some brushing up and tutorials on how to change the main images and then how to link them to other “new” and “blank” pages. Please help!

↩ Reply
Andrés 29 September 2011 at 6:44

Hi
Sorry for my english
This template is espectacular…!!
One problem. In “desing” in le right column appers “post” an I cant’n move or eliminate…
The same whith “Search box” or “Recent Post” I desire eliminates and I cant’n. How I try to do it?
Thanks

↩ Reply

Leave a Reply to Jânio César Cancel reply

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