Super Clean

Super Clean blogger template. magazine style template blogger.

demo Super Clean blogger template. blogger template. blogspot template magazine style

download Super Clean blogger template. note book style blogger template. magazine style blogspot template

Super Clean Blogger Template

Free Super Clean Blogger Template is an elegant blogger template with nice pattern background. It's a 1 column blogger template with multi column post at homepage and 2 column template with right sidebar at single page. Features of this template are magazine style template with automatic image slider, clean design template, summary post and more. This template suitable for portfolio or business blog

Similar Templates : Satoshi Blogger Template & Bluitos Magazine Blogger Template

Author : Ariane -

36 Person has expressed his thoughts, Now you turn guys!

  1. Anonymous

    Hi, i use this template but after i upload and view the slideshow images does not appear

  2. @Anonymous : You can see How to Setting this template here :

  3. nice template, but i want to display older posts icon at the place where "Home" is placed, so please help me

  4. @askfriends : Hi.. Try this one :

  5. thanks for your reply Admin,

    i have some other questions to ask.

    first of all i want to display 50 posts at main page, how can i do that?

    second i want to change labels of older posts to next page and newer posts to previous page, how can i do that?

    third i want to keep home, next page and previous page buttons close to each other, how can i do that?

    please help me.

  6. @askfriends :
    1. Just set from the dashboard with 50 posts

    2. Default older and newer code are :

    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

    Change with this one :

    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Previous Page</a>

    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Next Page</a>

    3. #blog-pager {
    margin: 1em 0;
    overflow: hidden;
    text-align: center;

    Change with this one :

    #blog-pager {
    margin: 1em 7em;
    overflow: hidden;
    text-align: center;

    If not enough, change with more bigger

  7. thanks ireng ajah you are great i love you!

    question 1 solved

    question 2: i want to keep next page (older posts)image as well, i want to change its title, for example when i put my mouse over older posts image it says "older posts", i want to change this title to Next Page, the solution you provided is only for to keep text without image.

  8. @askfriends : Sorry.. I dont know about that. Maybe you can try with Tooltip but im not trying yet

  9. Hi, I would like to change the font of my menu pages and spread them better so they appear more nicely
    have look at my page:

    How can I do?

    Many thanks

  10. @Julie Benamran : Hi Julie... Find this code :
    #menu li a{
    margin: -1px 0px 0px;
    width: 85px;
    padding: 17px 20px;
    font: normal normal 118% Josefin Slab;
    text-shadow:1px 1px #fff;}

    You can remove the width for more nice looking menu pages. For font, you can change the font type above. Default font is Josefin Slab

  11. Many thanks for your prompt reply!
    One last thing, how can I edit the width of the widget?
    Many thanks

  12. @Hi julie.. :

    For width of the post in homepage, find this code :
    .post {
    position: relative;
    width: 320px;
    margin: 0px 3px 10px 5px;
    padding: 5px 6px 5px;
    background:url( no-repeat center;
    border:0px solid;
    -moz-box-shadow:0px 0px 0px #d100b2;
    -webkit-box-shadow:0px 0px 0px #d100b2;
    box-shadow:0px 0px 0px #ccc;

    You can change the bold code but the post widget use an image

    For single post :
    Total width is 1000px; with main-wrapper 630px and sidebar-wrapper : 310px;

    If you want to change the sidebar, find this code :
    #sidebar-wrapper {
    width: 310px;
    float: right;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

    Replace the bold code with your new width

  13. Thank you very much for your kind help!
    I am not very good at this...
    People are saying they are having a hard time leaving comments on my blog. Do you know how come?
    They say they can't find the send button!!!

  14. @Hi Julie.. Try this one :

    Go to Edit HTML and find this code :
    #comment-form, .comment-form{
    height: 315px;
    margin: 20px auto;padding: 10px 100px 0px;-moz-border-radius:10px;
    -moz-box-shadow:0px 1px 2px #d100b2;
    -webkit-box-shadow:0px 1px 2px #d100b2;
    box-shadow:0px 1px 2px #ccc;
    border:1px solid #fff;
    word-wrap: break-word;
    overflow: hidden; }

    Delete the bold code


  15. Thank you very much!!

  16. @Julie : You'r welcome

  17. Hi, How change the 3 pictures? I try but... doesn't work :( Please help me

  18. Hi MMF.. You can how to setting this template here :

  19. thanks... I tried but, in the part of ->
    'url do post' 'url da imagem 01'
    whats means "url do post"? and in the "'url da imagem" I try with this code but doesn't work, so i try with a HTML code, but the image see very small

    I'm wrong?

  20. url do Post is a your URL link and url da imagem i a image link. of course it will not works. Is not coreect image url. I give you example one :

    Upload your mage in Blogger itself. It more saver

  21. Greetings and GZ for your GREAT work!
    btw guys can i change the background and the menu bar with my own img?
    and if i can do it, how??
    i tried but when i change the background and save it.. just a BIG nothink...
    pls reply

  22. Hi John..

    If you want to change body background and menu, find these codes :

    1. Body
    body {
    background:#ffffff url( repeat;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;text-shadow:1px 1px #fff;

    2. Horizontal background at top
    #outer-wrapper {
    width: 100%;
    margin:0 auto;
    font: normal normal 100% Calibri;
    background: url( repeat-x top left;

    3. Menu
    margin: 0 auto;
    padding: 5px;
    width: 1035px;
    background: url( no-repeat center;}

    5. Menu hover
    #menu li a:hover{
    background: url( repeat-x;
    text-shadow:1px 1px #fff;}

    Replace the bold code with your image url

  23. Hello and thx for ur fast reply!
    i already found this and change.. but again when i refresh my blog i see just a white background..
    i wanna make with this img

  24. You can replace the BODY background with your image but make sure you paste the correct image url. This is the correct one :

    If you want to repeat the background, just copy and paste but if you want to nor repeat it, change the REPEAT with NO-REPEAT

    I recommended use Blogger itself for your image. You can upload to Bloger (same with you make a post) and copy and paste the image url. It more saver

  25. oh ty so much!! yeah this is my fold :D now it is working!
    ty so much and have a good day!!

  26. You'r welcome. Have a nice day too

  27. How do you put more labels on the menu bar, I read the code somewhere else, but it doesn't exist for me, what should I do?

  28. Also, none of my widgets on the side will show, any idea why>

  29. hi i have worked most things out but the posts on the home page will only display 4 at a time, i wish to display 9. i have tried changing the number of posts using the blogger dashboard but it does not change no matter how many i specify. please help! thanks

  30. Hi everyone,
    I have just use this template and it's so cool.
    But can you help me ??? when i post a article have one image and return homepage. But no image of article appear.
    How can i fix this error ???

  31. hi i used this template but the default numbering option not work and can't use the the "windows live writer" to create the post, anybody can help me?

  32. How can i get "bullet points" in my blog ?

    Hi, I am a complete newbie here. I have a blog and its hosted on blogger. I applied a template on my blog and customized it but I don't know the coding of bullet points. Whenever I apply bullets to any line in my post, nothing appears, except the line. Please help me. How can I have the bullet points in my blog.

    Please visit my blog and give me the solution.

    Help will be much appreciated ............

    When I write a post, in the edit post section the bullet points are completely visible but when I hit the publish button or even the preview button, the bullets are not visible. Juts the lines.

  33. Hellooo...First of all keep up the good job that you are doing here ...Its a great help for blogger newbies like me ! I have a problem with my page.. The pictures dont seem to fit the main wrapper. I Would like to make the width to atleast 685px instead of 630 px. But whn i do that the side wrapper gets displaced. Is there a way to move the main wrapper further to the left ? Thanks in advance for the help.. Here is the link to a page with the aforementioned problem :

  34. Thank you very much for this interesting theme, but I have some trouble. Please help me to solve this.

    I already change in the dashboard 15 posts but it's only displayed 2 post in the main page.

    The second, I want to change the width of the post also.

    Thanks in advance, and this is my blog,

+ Add Your Comment

Do not waste your time with irrelevant comments or leave a link for backlink will be removed