Hi Everyone, I currently use the "sanddollar" template from blogger. It has only 1 sidebar (left side) and I would like to know if anyone here knows how to make it smaller in width and also how to make another one on the right side? What code do I add/change? Thanks in advance. mopek
You'll need to change the css code. The css code for this template is a little hard to decipher but I found this within its midst: @media all { div#mainClm{float:right;width:66%;padding:30px 7% 10px 3%;border-left:dotted 1px #E0AD12;} div#sideBar{margin:20px 0px 0px 1em;padding:0px;text-align:left;} } Looks like the sidebar width is based on big the main part is. Right now the main part takes up 66% of the monitors space so the sidebar takes up 34%. To reduce this number increase the percent of the main space (i.e. from 66% to 70%). As far as making another one, I'm not quite sure that is possible with this template. You should check out Thur's three column templates. Here's instructions on installing a new template in Blogger.
Adding a second column on the right is possible, that's what I did to my Blogger Template with some CSS help from a friend... One problem I had was with Firefox & IE... The left column would be up into the main Banner in Firefox and correct in IE, so someone here on the forums gave me the IE Hack to fix it... The right column was fine in both browsers... Here's what I did to correct the left column height for both browsers... top:112px; <----Firefox _top:81.5px; <----IE you can also go here and check out a simple 3-column CSS template... Float Tutorial