But through this post, you will learn that the task of adding an HTML button is as simple as inserting a hyperlink !
First have a look at the button below:
If you want to place a button similar to that, then simply copy and paste this code
<form action=”http://www.google.com” target=”_blank” method=”GET”>
<input type=”submit” value=”Google”>
Change the code in RED, as per your requirement !
You can delete target=”_blank” from the first line, if you want the new page to open in the same window, and if you want that the new page should open in a new window/tab then leave the target=”_blank” as it is !
The button explained above is a “submit” type button, there are many other types too, like text, radio, check boxes etc.
You can read it in a bit more detail from here: W3Schools.com
But this will need more work from your side, as it does not only depends on the code, but also on the graphics. That means you have to create two buttons, with exactly the same dimensions, one as Button_Up and one as Button_Down (when cursor is on the button).
Here’s the button:
I have used these two images:
And the code to be used is this:
<a href=”http://bloggerstop.net”><img src=”IMAGE1″ onmouseover=”this.src=’IMAGE2′” onmouseout=”this.src=’IMAGE1′” alt=”Click Me”/></a>