Free Blogger Templates for your Blog

Modern Clix

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

Modern Clix is a free blogger template adapted from WordPress with 2 columns, right sidebar, minimalist and simple look.

Download Modern Clix for free in BTemplates.
Rating

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

Loading...
3.4 out of 5 based on 16 bloggers and 41 commenters.
Compatible with:FFIEChrome

Comments

41 Comments, leave a reply »
  1. Earl 29 June 2010
    Reply

    I like this!

  2. kurniawan 7 July 2010
    Reply

    i like this template very fast to load and easy to use. thank’s a lot

  3. Terrick 22 July 2010
    Reply

    Best minimalist template so far~ loving it so much~

  4. BECCA 25 July 2010
    Reply

    How do you add an image as the title page? help please, thanks

  5. Claudia 25 July 2010
    Reply

    @BECCA: Go to Design/Edit HTML and find:

    #header {
    height: 19em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    overflow: hidden;
    }
    

    Replace it by:

    #header {
    height: 19em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    overflow: hidden;
    background: url(http://your-image.imageshack.com) no-repeat center bottom;
    }
    

    It must be 900px x 190px.

  6. Bam 11 August 2010
    Reply

    thanks for the template.. love it ..:D

  7. Ariadna 14 September 2010
    Reply

    @Claudia:

    hey, thanks for the info, but I just do it and my image appear too small and I still seeing the modern clix header…:( can u help me?

  8. Karen 16 September 2010
    Reply

    Does anyone know how to remove the label from the post footer?

  9. Claudia 17 September 2010
    Reply

    @Ariadna: If you are trying to change the header background, your image must be 900px x 190px. Please, leave your blog URL when you comment.

  10. Talín 7 December 2010
    Reply

    Hello Claudia.

    Please can you help me whit the following points:

    1) The distance between the “Navigation Menu” and the top of the blog is to big. I would like to reduce it a little bit. How should I do?

    2) I would like when you click on the number of comments, that it bring me automatically (via Link ) to the comments Box. How should I do?

    Thank you very much and Regards

    Talín

  11. Claudia 8 December 2010
    Reply

    @Talín:

    1) Go to Design/Edit HTML, and find the following code:

    #header {
    height: 19em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    overflow: hidden;
    }
    

    Save changes.

    Change the “19” to a lower value.

    2) Go to Design/Edit HTML/Expand widget templates and find:

    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

    Replace it by:

      <b:if cond='data:post.allowComments'>
                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
              </b:if>
            </b:if>

    Save changes.

    Does it work?

  12. Talín 9 December 2010
    Reply

    Hello Claudia, thank you but there are some problems:

    1) I find the code and change 19 to a lover value, but the distance to the top remain the same. This chage, reduce only the space betwen the 2 lines, i.e. the space of the header. I want to reduce the space of the TOP of the blog.

    2) I have find the code and replace it, but I get the folloging error:

    The element type “p” must be terminated by the matching end-tag”

    Please help. This is the URL of my Blog, it is only a draf (talinbrezmes3.blogspot.com/).

    Thank you and regards – Talín

  13. Claudia 9 December 2010
    Reply

    @Talín: Regarding the 2nd point, you must be very careful with the end tags, because the codes I posted are right. I’ll check the 1st point later.

  14. Talín 9 December 2010
    Reply

    Sorry Claudia but have check the 2nd point several times and the result are the same. It dos NOT work!

  15. Claudia 9 December 2010
    Reply

    @Talín: OK, It’ll work this time.

    For the 1st point, reduce the “19em” to “10em” or something so.

    For the 2nd point, in Design/Edit HTML/Expand widget templates, replace:

    
    <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments == 1'>
                  1 Comment
                    <b:else/>
                  <data:post.numComments/> Comments
                </b:if>
                     </b:if>

    by:

    <b:if cond='data:post.allowComments'>
                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
              </b:if>
  16. Talín 9 December 2010
    Reply

    Thank!!

    Point 2, OK!!

    But point 1, muss be another part to reduce, becuse do not work.

  17. Claudia 9 December 2010
    Reply

    @Talín: I tried ina demo template, and it worked for me.

  18. Taln 9 December 2010
    Reply

    Claudia, I have reduce to 10, und you can see the result in my draft blog (talinbrezmes3.blogspot.com/). Now you can see only a part of my image.

    Please help.

  19. Claudia 9 December 2010
    Reply

    @Taln: Oh, I undertood: you want to reduce the distance above the header. Then modify the following code:

    #outer-wrapper {
    	margin:8em auto 3em;
    	overflow:hidden;
    	width:90em;
    

    Change the “8em” to a lower value (for example, “3em”)

  20. Talín 10 December 2010
    Reply

    Great, fantastic!!!! Thank you very much Claudia. Sorry for my bad and poor English, I think this was the big Problem.
    Regards – Talín

  21. Talín 13 December 2010
    Reply

    Claudia, hello again
    One more thing: If you publish two or more posts in the same day, only one date appears. How I can do to bring up to date on all posts?
    Thank you
    Regards

  22. Claudia 13 December 2010
    Reply

    @Talín: Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:

    <li> <data:post.dateHeader/></li>

    Replace it by:

    <li><b:if cond='data:post.dateHeader'>
    <script>var ultimaFecha = '<data:post.dateHeader/>';</script>
    <data:post.dateHeader/>
    <b:else/>
    <script>document.write(ultimaFecha);</script>
    </b:if></li>

    Now save changes.

  23. Talín 14 December 2010
    Reply

    PERFECT!!! Thank you Claudia.

  24. Ryan 8 January 2011
    Reply

    @Claudia:

    is it possible to add the name of the user who posted here as well?

  25. Claudia 10 January 2011
    Reply

    @Ryan: Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:

    <li> <data:post.dateHeader/></li>
    <li><span class='labels'>In <b:if cond='data:post.labels'>
                        <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
              </b:loop>
            </b:if>
               </span></li>
    <li><b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments == 1'>
                  1 Comment
                    <b:else/>
                  <data:post.numComments/> Comments
                </b:if>
                     </b:if>
    </li>

    add the following exactly under that code:

    
    <li><b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/>
              <span class='fn'><data:post.author/></span>
            </b:if></li>

    Save changes.

  26. Ryan 10 January 2011
    Reply

    @Claudia: thanks very much! I would also like it if clicking on the number of comments brought you to that post’s permalink so you could see all the comments.

    I also wonder if you can change the template of a “page” as apposed to a “post” so that the side bars aren’t present.

    Are these things possible? Thanks again for your help.

  27. Andrew 15 January 2011
    Reply

    Hello,

    How do I change the header size? And how do I change the blog width.

    Thanks
    Andrew

  28. Ryan 24 January 2011
    Reply

    @Claudia: Hi claudia. Let me rephrase my question.

    I tried your script you recommended to link the number of comments text to a page where you can leave a comment. It doesn’t appear to work for me. Any help is much appreciated thanks very much for answering my prior question.

    fullyfitted.blogspot.com is the blog I am working on. Thanks again.

  29. Claudia 25 January 2011
    Reply

    @Ryan: In Design/Edit HTML/Expand widget templates, find:

    <li><b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments == 1'>
                  1 Comment
                    <b:else/>
                  <data:post.numComments/> Comments
                </b:if>
                     </b:if>
    </li>

    Now replace it by:

    <li><b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments == 1'>
                  1 Comment
                    <b:else/>
                  <data:post.numComments/> Comments
                </b:if>
                     </b:if>
    </li>
  30. Maria Cristina Debenedetti 28 January 2011
    Reply

    Hello, now I’m using Tequilas Flemantes but I would like to change to this template. Before changing I would like to know if it is possible to have bigger width dimensione for images and how do that
    Thnks

  31. ben 7 February 2011
    Reply

    can i add widget in header like search box

  32. montse 22 February 2011
    Reply

    Hi Claudia,
    I imported this template after creating my blog url and I think I’m having some problems with it…for example, I don´t know how to move the header/title, it appears down on the right side of the blog.

  33. Andrea 14 May 2011
    Reply

    I’m really embarrassed to ask this question, but I’m unsure where exactly to add the text to my other pages (About, Contact, Projects)?

  34. sarah 5 June 2011
    Reply

    Great theme – thank you!

  35. IM 4 August 2011
    Reply

    Dear Claudia,
    Thank you for the really nice template.
    I would like to add their some more pages (not just the main page, but tabs). Could you please help with the coding?
    Thank you in advacne!

  36. Shinobi Blog 26 August 2011
    Reply

    cool n’ simple …

    thank’s for share ..

  37. Thomas Squire 21 November 2011
    Reply

    i am currently using this theme for a blog i update with work for university, i need my posts to show the time in which they were posted, i can’t seem to find it in the code, any suggestions on how i can do this?

    thank you in advance

  38. Thomas Squire 21 November 2011
    Reply

    @Claudia:
    if you could get back to me as soon as possible that would be fantastic

  39. christian 20 January 2012
    Reply

    Hey there, can anyone tell me how to add a link to my header background image.
    Thanks

  40. meoht 13 August 2012
    Reply

    Hello, how do i change the width of main bar where are the images and so, i can’t change it and on FAQ i can’t find the help.
    I need to put a search box on the header and can’t do that as well. thanks

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!