Wednesday, April 20, 2011

Change backgournd color of Sidebar

It is always a good practice to separate your sidebar header from your content so that every can easily understand the difference. It also improve the blog appearance.Sidebar header are normally H2 type header. To change the sidebar background color first go in the design tab and click on the edit html.

On html page find where "h2" is used. You can simply do it by pressing ctrl+f. See where code like below is used.

There just add the highlighted code background:#FFFF00;
Here #FFFF00 is the code for yellow color. Understanding this color code you can use any color you want. For example some color codes are given below.


Black
#000000
Grey0
#150517
Grey
#736F6E
Dim Grey
#463E41
Slate Blue
#357EC7
Violet
#8D38C9
Violet Red
#F6358A
Magenta
#FF00FF
Purple
#8E35EF
Plum
#B93B8F
Cyan
#00FFFF
Sky Blue
#6698FF
Green
#00FF00
Yellow
#FFFF00
Gold
#D4A017
Khaki
#ADA96E
Coral
#F76541
Red
#FF0000
Pink
#FAAFBE

There are lots of color code can be found in the internet or you can also mange your favorite colors code form photoshop.

0 comments:

Post a Comment