Time for us to test the CMS capabilities and our project is a classic corporate website, which until recently had been hosted as a typical set of static html pages.
As the original hosting service ceased to exist, we retrieved the original design and content from archive.org. The mission was to re-create the original site faithfully, though practical changes and alterations to adapt the design to Blogger were permitted.
Rather than our own BeeCMS template, we used the new "Simple" template by Josh Peterson (an option in the new template designer) as the source for the CSS tweaks on our testsite SELLDO ARTIFACTS .
 |
| check out selldoartifacts.blogspot.com |
We made a few design and colour changes to the template using the new and very nice graphical interface of the blogger template designer. We copied all the texts from the original site. Because it is clear that the template designer will get a few more options and functionalities, we decided if possible to avoid all manipulation of the HTML source. And we succeeded. Whereas with BeeCMS we heavily modified the Blogger template html , this time we limited our tweaks to CSS declarations in the designer and a few tricks.
 |
| check out seldomartifacts.blogspot.com |
So here is what we have declared in the free form CSS field:
.navbar {
display: none;
}
.header-inner .widget {
text-align: center;
}
.fauxborder-left {
position:center;
}
.tabs-inner .widget ul {
border-bottom:0px;
}
.tabs-inner .section:first-child ul {
border-top:0px;
}
./ .content-inner {
padding: 0px;
}
/.
.feed-links {
display:none;
}
.blog-pager {
display:none;
}
.Attribution {
display:none;
}
.foot {
text-align: center;
font-size: 80%;
}
By just copying and pasting the any of the above CSS declarations in the template designer, you immediately see the changes they cause. So test them. If you find other interesting declararations, please fell free to leave them in the comments :-)
Here are some examples we played with:
