Tuesday, November 19, 2013

How to make a simple HTML button

This is how to make a button for promotion on your blog (or for other people's blogs). This button is able to be used anywhere you can put in html coding.

 Step 1:
make an image less than 200X200 pixels (the smaller it is, the more likely it'll be used), have the coupon code (if applicable) and your shop name on the image. Here is the picture I'm going to use it's 125 pixels square, has my brand name running up the side, and SALE in big letters on the bottom. . 
                                                         

Step 2:
upload the image pretty much anywhere. You just need to have a URL to link to.

step 3: use this code below, replacing anything in all caps with what the words say to put there. then delete the space after the first 2 < symbols

< a href="WEBSITEURL" target="_blank">< img src="IMAGEURL" width="IMAGEPIXELWIDTH" height="IMAGEPIXELHEIGHT" border="0" alt="SHOPNAME" name="Badge" border="0" />


Here is what my code looks like: 

< a href="http://onestitchdesigns.com" target="_blank">< img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZ_vWL39-vmqCRySe9_Ur3oBrFRYmSb_XGEP4tGtJbDIDh4DbvNuVxRaDEdDhyk5LHLymri_Hk8Qze7EBSLlLWgf_wx33BUXfSJh5QyRisKyOgqbzm1EDEm5s_B7F_l8LpjNKf_pZnqM7/s1600/shiv+in+black+gray+hat1+sale+avi.JPG" width="125" height="125" border="0" alt="One Stitch Designs" name="Badge" border="0" />

delete the 2 spaces after the < symbols, and you get this:
One Stitch Designs

No comments:

Post a Comment