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:-
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;

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 {
margin:0 auto 10px;
border:1px solid #35556a;

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

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


Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L