Free Blogger Templates for your Blog

CSS3 Theme

live demo
Instructions: Template Settings / How to install a Blogger template
Template author:Blogger Bits

CSS3 Theme is a free blogger template adapted from WordPress with 2 columns, right sidebar, rounded corners, minimalist, posts thumbnails and simple look.

Download CSS3 Theme for free in BTemplates.

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

4.0 out of 5 based on 40 bloggers and 28 commenters.
Compatible with:FFIEChrome


28 Comments, leave a reply »
  1. peduwan 9 September 2010

    Me guuusta! XD

  2. khaled 9 September 2010

    Great design and I liked it very..
    Many of us ignore the giant and the browser is used by many People
    Internet Explore
    And unfortunately Internet Explorer all versions up to the eighth edition does not support this technology
    Which would deprive the users of this browser aesthetic technology css3
    I would recommend it .. and the design template Using selectivizr

  3. Rethnaraj Rambabu 11 September 2010


    Thanks a lot for sharing the information. Will use it in my next templates. 🙂

  4. Jason Andrews 12 September 2010

    I don’t get the read more button when i preview it on blogger. Will this be something that i get after i publish it??

  5. Adele 14 September 2010

    I love this template and have installed it. However the ‘read more…’ element isn’t on the download and people have no idea how to comment if they don’t arrive immediately at the post. Is there some way I can correct this? Help would be greatly appreciated!

  6. Rethnaraj Rambabu 15 September 2010

    @Adele: Hi, The readmore button is working fine. Look at your blog screenshot below.

  7. zhafa 20 September 2010

    thanks for the template!!
    but,i can’t find the comment link.please help me with this!

    thank you sooo much!

  8. Danielle 13 October 2010

    I’ve installed this theme but I can’t figure out how to edit the sublinks under about me. Thanks!!!

  9. Claudia 13 October 2010

    @Danielle: Go to Design/Edit HTML and find this code:

    <li><a href='#'>Subpage</a></li>
    <li><a href='#'>Subpage 2</a></li>
  10. Franco Ferreccio 19 October 2010

    Great!!! but how I can remove the white edges of the images .. ?


  11. Claudia 22 October 2010

    @Franco Ferreccio: Go to Design/Edit HTML, and remove:

    .post img, {
    background:none repeat scroll 0 0 #F2F2F2;
    border:2px solid #CECDCD;
    .post img:hover {
    border:2px solid #F83D87;
  12. Serena 25 October 2010

    Hi :]
    I love this template but i’m new to blogger and some of the stuff is a little complicated for me.

    So I was just wondering…
    How do u link suff on the Nav Bar?
    like I know it’s here
    (but where do I put the urls?)

    Subpage 2
    & I’m not a big fan of pink, so like how/and can I change the color scheme? (particularly the post heading?)

    Thank you :]

  13. Erik 31 October 2010

    Thanks for the template, it looks great! A couple of questions:

    -I don’t use labels in my blog, what do I edit to remove the “In (labels)” tag from the bottom of the post?

    -What do I edit to make the button bar (with home, about, contact) shorter in height?

    Thanks again! -Erik

  14. Claudia 2 November 2010

    @Erik: To delete “In Labels”, go to Design/Edit HTML, click on “Expand widget templates” and delete the following code:

    <div class='postmeta'>
                <span class='btn alignleft'>
                     In <b:if cond='data:post.labels'>
            <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag' rel="nofollow"><></a><b:if cond='data:label.isLast != "true"'>,</b:if>
            </b:if> by <b:if cond='data:top.showAuthor'><span class='fn'><></span></b:if>      

                </div> <!-- end post meta -->

    To modify menu items, maybe you should try with this:

    Go to Design/Edit HTML, and find:

    #menu li a {
    	display: block;
    	font-size: 16px;
    	padding: 8px 10px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;

    Now modify the “padding” values from 8px to 7px, 6px or less.

  15. Moni 10 November 2010

    Hi, I have a few questions:

    1. How do I completely remove the page tabs at the top?
    2. How can I replace the In Labels box with the regular comments stuff?


  16. Claudia 13 November 2010

    @Moni: Regarding your 1st question:

    Go to Design/Edit HTML and find:


    <ul class='clearfix' id='menu'>
    <li class='current'><a href='#'>Home</a></li>
    <a href='#'>About</a>
    <li><a href='#'>Subpage</a></li>
    <li><a href='#'>Subpage 2</a></li>
    <li><a href='#'>Contact</a></li>
    <br class='clear'/>


    Now remove the code and save changes.

  17. Erik 14 November 2010

    Thanks for the help on my previous questions. Just a couple more:

    –My site looks good on Firefox and Safari on Macs and PCs, but when I load it on Safari on my iPhone, the title text at the top of the page doesn’t fit on one line, so it wraps unattractively.

    It seems that title text displays larger on the iPhone browser. I tried removing the scale-up effect, and that didn’t work. Any idea how to fix this, or at lease prevent it from wrapping?

    –Also, the title text seems to load in the Georgia font first, then switch to Chunk. Any ideas?

    Many thanks again for the help!

  18. carrie 11 January 2011

    Hi! I just had a hopefully quick question. How do I edit the About and Contact tabs? I can edit the blog/sidebar easily working with blogger, but I can’t figure out how to access those tabs. I am very new to coding, so if it has to be changed that way I would appreciate an explanation of how and where to fix the code.

    Thank you for this template! I really like it : )

  19. Claudia 13 January 2011

    @carrie: This template shows your pages as tabs. So, if you want to add more tabs, you need to add more pages in Posting/Edit pages/New pages.

  20. Pipo 28 January 2011

    Niiice template. =]

    But I find the fonts fro blog title, blog post title, and side widgets too big for my taste. How do I adjust it?

    Thanks so much.

  21. Emily 23 February 2011


    I’m in absolute LOVE with this theme… but having scanned the questions and answers in the comments here I still can’t seem to figure out where/how to insert the ‘Comments’ and ‘Read More’ buttons.

    Can anyone help me?

    Thank you kindly!!!

  22. Ollie 12 May 2011


    This theme is so good I taught myself how to self host etc just so I could use it instead of a standard WordPress theme.

    However, as a noob I don’t know how to edit the pink from the buttons and change it. I noticed someone else asked about this too so any help would be great – have looked through the code but can’t seem to find the relevant part.

    Thank you very much. Big kudos.

  23. Claudia 21 May 2011

    @alpapito seo Philippines: Go to Design/Edit HTML and find the following HTML code:

    Go to Design/Edit HTML and find:


    <ul class='clearfix' id='menu'>
    <li class='current'><a href='#'>Home</a></li>
    <a href='#'>About</a>
    <li><a href='#'>Subpage</a></li>
    <li><a href='#'>Subpage 2</a></li>
    <li><a href='#'>Contact</a></li>
    <br class='clear'/>


    You can put links to your pages there. Before you edit that code, you must create new pages in Posting/Pages/Add New Page and pick the links to your pages.

  24. tradi 11 July 2011

    how to change In Labels pink color ? 🙁

  25. Augusto 2 August 2011

    El template funciona genial. Hay una cuestión a la que no puedo encontrarle la vuelta, sin embargo… el preview del template muestra las imágenes ligeramente por fuera del cuerpo principal del blog, como si estuvieran superpuestas (definitivamente por encima del margen izquierdo). Sin embargo, en mi blog las imágenes aparecen dentro del cuerpo del post, y eso les quita un poco de dinamismo… ¿Qué configuración puede permitirme poner las imágenes en la misma posición que el preview del template?


  26. ester 4 January 2012

    how can i change the “read more” buttom?

  27. Adam 14 August 2012

    Amazing!!! simple dynamic…

  28. Tay 9 November 2012

    Great template, but Sarafi not compatible?! why not! i.i

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!