Saturday, February 21, 2009

How to change border in blogger template

By default there in the control menu you can only change the color of border thats it. How do you want to change the styles of the border?

It is pretty simple actually , by tweaking a little bit the code of the template at the edit html section.

First of all lets see the styles of border that can be used.



So how does the magic works? lets change the border style.
First go to layout > edit html


find this code

border:1px solid $bordercolor;

If you want to change the width of the border just change the 1px to 2px , 3px and so on.

If you want to change the style of the border just change solid to something else such as dotted , dashed , etc.

if you want to change the border color just add the following code in green below the existing code . Just replace the color code to change the color of your border.

border: 1px solid $bordercolor;
border-color: ff7700;

Thats is , pretty simple isnt it :)

enjoy!!!

3 comments:

aqoerama said...
This comment has been removed by the author.
aqoerama said...

thanks.. though im the first "idiot" here.. don't mind.. as long as i get experience..haha..

Fiona said...

hi..can u help me?hw the heck can i customize the border in my blog?look so plain n ugly.hurm..