Nice template called Creative by Nature

Posted: 9/07/2009 by Floyd in Labels: , ,
8


Great looking template called Creative by Nature can be found over at Deluxe Templates, this is really a neat looking template. When I first installed it the page element page on the widgets was floating a little to the right and hiding the edit widget link. I found a fix around this by adding some code before the skin tag in the edit html section, first log into blogger and go to layout and edit html, look for this code;
.left-area {
display:inline;
float:left;
margin-bottom:0;
margin-top:0;
padding-left:17px;
padding-right:5px;
}
#footer p {
margin-top:10px;
}
.right-area {
display:inline;
float:right;
padding-right:17px;
}
]]></b:skin>

Directly above the skin tag add this code,remember you have to create a space there so put your pointer directly in front of } and hit enter to create the space to paste your code in. Paste in this code;

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
width: 760px;
}
body#layout #outer-wrapper,
body#layout #content-wrapper,
body#layout #header,
body#layout #footer-wrapper {
width: 760px;
}

body#layout #main-wrapper {
width: 400px;
}

body#layout #sidebar-wrapper {
width: 300px;
margin-left: 10px;
}

Now when you go to your layout page should be able to see the edit widget line, I have only tried this in Firefox but should work with Internet Explorer also, and I almost forgot don't forget to save your template after adding your new code. The main idea for editing wireframe came from, the Blogger Guide but I altered the code a little and change the numbers as you can see. The orginal is for a 3 column template.
Update; tested this in IE,Firefox,Opera-10 and Google Chrome, it works with everything except Chrome and it probably could be tweaked some way to work in chrome also.
Download this great looking template

8 comments:

  1. Klodian says:

    wow, this really work.
    thank you, I have updated template, so noone need to edit it.

    Thx Floyd.

  1. Floyd says:

    Thanks my friend Klodian, and a real nice template from you. Strange it don't work in Chrome, but I tested it on Internet Explorer, Firefox and Opera and it works fine and thanks for coming by and visiting and keep putting out these great looking templates.

  1. Gran says:

    Wow, one of these days I'm going to take the plunge and change my template to one like this. Thanks for the step by step instructions, Floyd.

  1. Floyd says:

    Hello my dear friend gran, if you ever do gran just let me know and I will send instructions. A good idea would be to start another blogger blog and use it as a test blog till you get comfortable changing every thing around,once you get it, it will become easy.

    Yep this is a real nice template by Klodian at Deluxe Templates, some very nice templates over there and I like the kinds that are different from the pack have a great day gran it is raining here,cheers,Floyd.

  1. Klodian says:

    Hey, Floyd I solved, works also and on Chrome, test it. Thx for your instructions. :)

  1. Floyd says:

    You are most welcome friend and thanks again for an awesome template for blogger.

  1. Revort's says:

    It's beautiful....!!!

  1. Floyd says:

    Thanks for the comment I have not been blogging for a while been real busy, thanks it is a great looking template.