Change blogger header in TicTac template

This is to show how to change the header in TicTac template. You add a header banner of your own. This will work with both TicTac and TicTac blue. The following are the steps.


0. Backup the template !

1. Make the width of the banner to around 765px, height is no-problem


2. From the template, look for the codes
__________________________________________
#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div.gif) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom left;
}


_________________________________________
- replace that http://www.blogblog.com/tictac/top_div.gif with your own image

- delete the code " background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom left; "



3. Then add 40px to the template same code above
_________________________________________
#blog-header {
margin: 0 40x;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://your won banner or header here ) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
}
__________________________________________

4. The last thing is change the 50px, adjust the number of px to fit your needs ( how much height you want the banner to show ).

5. Use preview to see how it looks, then save the template and then republish it.

7. This should work with both TicTac and TicTac Blue.

8. If you don't want the Title to show, delete the <$BlogTitle$> form the template.

9. Good luck !