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
- 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
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
Hi! I am Dulshan, a Pro Blogger, an E-money Guider for the those who need. I have created Blogrithm and currently runs it. Helping to the People who struggle to make money from the Internet is the cause which motivate me in creating the Site. 
0 comments:
Post a Comment