Tuesday, December 25, 2012

0 Rollover Your Image to Whirlwind Your Blog






Donot Judge By the Looks !

                                      Rollover Image is a image effect you'll see when you place your mouse point over the Present Image and it suddenly changes to another one and when you took off you cursor point from the image it will again change to the earlier one. This is a great trick and effect that you can use to Beautify your blog or website and it also consists a clickable link and you can easily send your traffic to another post of yours.

Then Shall we Start ? 

All you have to do is copy the below code and customize it and then place where ever you desire.

I found this trick from 'Spice up your blog' and it is written by Kate. And I just went through that Article and gave it some modification and presented it to you.




Creating a Rollover Image



The Below Code is the one you want to use to create your Rollover Image




<a href="TARGET URL GOES HERE"><img src="URL OF FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF FIRST IMAGE GOES HERE'" /></a>



Now Its time to Design your Image


Change the Following Areas with your own links

  • TARGET URL GOES HERE 
Eg : www.drdcash.blogspot.com

  • URL OF FIRST IMAGE GOES HERE 
Eg: http://1.bp.blogspot.com/-pWF7Q86W43o/UNk97O4yhKI/AAAAAAAAAEc/bSnfbjw4S8w  /s1600/262615_4794234907731_2016548520_n.jpg

  • URL OF SECOND IMAGE GOES HERE
 Eg: http://1.bp.blogspot.com/-6NAwMYqqrf4/UNk95SvMjOI/AAAAAAAAAEU/TJwFRYUspNA/s1600/15588_316055201833226_558322048_n.jpg


When You are finished these Customization you are ready to enjoy it. And you can use this code as your pleasure in Posts, side bar or body where ever you like.



Original Source : Spice up your Blog

View Main Atricle



  Warning  :  Don't Copy from this Post Without Linking Back to the Post


0 comments:

Post a Comment