Sunday, June 7, 2009

just some more helpful hints about blogspot template CSS...

In my late night insomnia, I went OCD trying to make this blog page look as aesthetically pleasing as possible, which involved a lot of tweaking and surfing other blogs for help editing the HTML code behind the template I'm currently using. This particular one is a simple, 2-column template, but it's a new one that I couldn't find a readily available tweak code for (as far as adding columns, etc.) so I tried to work with examples from the older tweak blogs. The one I used was the one I linked to about "adding a third column" to the sidebar, which did in fact prove quite helpful for the basic execution of the idea. However, for some reason I couldn't manage to move the main content (post) column away from the newly created left sidebar, and I tried in vain for a few hours before I finally gave up for awhile. Then I got an idea, which was to simply add another column beside the new left sidebar, make its background and border transparent, and see if that would finally move the content column "away" from the left side. After some minor HTML editing, I did finally achieve the effect of having two sidebars and a main content column with equal separation between, even though in reality, there is an invisible "middle-sidebar" in between the left and main columns (shh-don't tell!). So, if anyone else out there has been futile in their attempts to add sidebars to a new custom template, try this trick and let me know if it works for you, too. Enjoy!

0 comments: