Thursday, September 17, 2009

How To Make Mouse-Over Buttons

So here it is:

This tutorial will explain how to make a mouse-over button with a link embedded in the button.

1] Go to http://cooltext.com/

2] Click on 'Buttons'

3] Customize your button to what you like!

4] Click 'Render Button'

5] Download the two images they present to you by click 'Download Image' below each button.

6] Next go to http://www.tinypic.com/

7] Upload each of the images to TinyPic.

8] Copy the below code with your TinyPic Direct Links Pasted into the indicated places below with your desired link onto your blog or where ever you please to have a beautiful mouse-over button



Code:

<a href="LINK HERE" target="_blank"><img src="TINYPIC Image One HERE" onmouseover="this.src='TINYPIC Image Two [Mouse Over Image] HERE';" onmouseout="this.src='TINYPIC Image One HERE';" /></a>

9] I hope this tutorial will help you with your earnings!

1 comments:

dotCody said...

No preview?

Post a Comment

Related Posts Plugin for WordPress, Blogger...