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:

  1. Sangat bermanfaat! makasih Kak *aku neira

    ReplyDelete
    Replies
    1. Tutorial ini udah lama... makasih kembali kerana komen.. ;-)

      Delete