How To Replace Submit Button With A Image

Posted by Lasantha Bandara on November 15th, 2009 File Under : button, css, html0 Comment

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

<style type='text/css'>
border:outset 1px #ccc;
padding: 1px 2px;
background:url( repeat-x left top;

NOTE:You can use another image instead of above image and can change colors as your choice.

4.Now save your template.

5.Now add class="formbutton" into your input tag.Look at the example below.

<input type="text" style="width: 200px; border: 1px />
<input type="submit" class="formbutton" value="Subscribe" />

It will look like this:

image submit button
Replace Submit Button With A Image

File Under : button, css, html

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.