Create a Rollover Image Effect on Blogger Images


What is a Rollover effect. Well in this case a Rollover is Referred to Changing images When Hovered Mouse Pointer. Yes When you Hover Over an Image then Image Turns into Another image. This is a Well Known Simple trick. it Attracts the Visitors of your blog. Apart From Turnover it can Direct a Website Url. When You Click on the image You'll be Redirected to the Url Specified To the Image.


Steps to Add a Rollover Image Effect on Blogger :.


Step 1 : Just Go to blogger and Choose Where you Want to Add this Image Effect For Instance You Can Use this effect in your Posts and Add as a Widget Using Html / Javascript.

Step 2 : Now Copy The Below Code 

<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>                                                                                                                         
Step 4 : Now Replace Url Address With Your Blog's Address, "URL OF THE FIRST IMAGE GOES HERE" With your First Image  and "URL OF THE FIRST IMAGE GOES HERE"  With Your Second Image.

Step 5 : That's it Save Now And Go to the image and Check it out. You Can See a Cool Turnover Effect. For Example Check the Image Below,it has the Rollover Effect




That's it Have You checked the Effect On the Above image. Then No Doubt You're interested in Using the Rollover Effect.Enjoy Customizing Your Blogger. Keep Visiting Our Blog For More Cool Blogger Tricks.

0 comments:

Subscribe to: Post Comments (Atom)
Blogger Template by Clairvo