Step2:Write your text and select the disired fonts and colours.In my case the text was "DOWNLOAD".Filled the colours and selected Text Offest Y = -5 (move the text 5 pixels up from the center)For Mouse over I selected Glow.Now hit the button "Render Button"Here you see two images. One for the normal button and one for the mouseover trigger.Just save/download the first image. e.g. mybutton.pngMine is

Step3:Click "Edit this logo" and change Text Offest Y to 0 and click again "Render Button"Now save the second image. e.g. mybuttonMouseOver.pngMine is

Step4:Now we have the two images we need. We just have to upload them somewhere.There are a lot of free web host and space providers for your files. Just choose who you like.Let's say you uploaded the two pictures to the address http://myurl/

Step5:Wait a minute here... We are not done. We just show the picture without any link...Fortunately is easy to add link to the above picture. Let's say you want a link to http://mylinkthen add before the <img...<a href="http://akomaenablog.blogspot.com"> and at the end close it by adding </a>

That's it! Now you have a cool button linking anywhere you want like my cool Download button!

Tip:Use alt tag to show some text if picture is not available. e.g.<img src="http://myurl/mybutton.png" alt="Download The Code" ....

6 comments:

This is really cool.. Thanks for sharing.. You do got lots of useful tips and tutorials on your blog. It's just too many to absorb at the moment. =) will definitely come back for more soon.. thanks man.

This is one of the most incredible blogs Ive read in a very long time. The amount of information in here is stunning, like you practically wrote the book on the subject. Your blog is great for anyone who wants to understand this subject more. Great stuff; please keep it up!top aieee coaching centersCoaching institute for iit jee in delhi