How to create Rollover Effect on Header
 |
| Create New Widget |
2. Now Paste the following code in HTML/JavaScript widget
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>
1. Replace "URL OF THE FIRST IMAGE GOES HERE" with your non-hover img.
2. Replace "URL OF THE SECOND IMAGE GOES HERE'" with your hover img.
3. Replace "URL ADDRESS" with your Blogger Address
3. Now go to Template > Edit HTML
1. Go to the header section
2. Now you can see this code:
3. Replace "1" with "2"
4. Now Come to the next line you see this code:
5. Replace "true" with "false"
6. Click Save Changes and exit.
4. Now Go to Layout
1. Now you can add HTML Box Under Header
2. Place that HTML Box which we created first.
3. Now Remove the Default Header.
4. Click Save Arrangment
5. View your Blog
0 comments:
Post a Comment