Blogging Tip : Put an animated banner.

There're two ways to achieve this, with or without using JavaScript. Means that, either you get yourself an animated banner or else you need to place a simple code into your tags.

In this article, I'll show you the easiest way. Get yourself an animated banner as to your header width and height in size. For example:-

Your animated banner url is:-

http://i230.photobucket.com/albums/ee65/scrapping_sol/one-day-at-a-time.gif
and the dimension is 890px X 370px.

Let's look into your CSS layout for the header. For example:-
1- Go to your Dashboard> Layout> Edit Html
2- Search for these lines:-
}#header {
margin: 5px;
border: 1px solid #35556a;
text-align: center;
color:#666666;

3- Add an additional line right below 'color' as follows:-
background:#FFFFFF url('your animated url') no-repeat top left; }

4- Next, find these lines below:-
*/#header-wrapper {
width:950px;
margin:0 auto 10px;
border:1px solid #35556a;

5- Change the width and adding a new dimension to height as follows:-
*/#header-wrapper {
width:890px;
height:370px;
margin:0 auto 10px;
border:1px solid #35556a;

6- Save changes and that's it, you're done.