Wednesday, 31 October 2012

Sidebar title border (Template designer)



Assalamualaikum and good night. This tutor is about sidebar title for designer template.

1. Log in your blogger account.
2. Go to Dashboard > Template > Edit HTML.

Search code using F3 or ctrl + F :  .sidebar h2 {   or   h2 {   or any code referring to sidebar title.

If there is any other sub code after the code, delete it first.
Example : Delete the sub code ( red bolted text )

.sidebar h2 {
padding:5px;margin:3px;
}

Copy below code and paste it after the code that you had searched earlier.
padding:10px; margin:10px; background: url(URL IMAGE); border-left: 5px #FF66FF solid;border-right: 5px #FF66FF solid;border-top: 1px dashed #FF66FF;border-bottom: 2px dashed #FF66FF;padding: 5px;font-size: 12px;color: #4D4D4D; font-family: Verdana;letter-spacing:1px;text-align:right;}

The Notes : Color code here
Pink text : Background URL
Blue text : Border color
Red text : Text color

....preview dan save....

3 comments: