Showing posts with label Resize. Show all posts
Showing posts with label Resize. Show all posts

Wednesday, August 26, 2015

How to Make Custom Buttons for a Blogger


Choose an image for the blog button. For an email contact button, an envelope image works. For a business related blog using their logo along with the text, 'contact us' is optimal. Consider the color of the blog's background so the button will not blend in and the image stands out. Upload the image into a photo editing program, such as Infranview or Photoshop.
Resize the image to 125 pixels X 125 pixels. Upload the new size of the image to a photo hosting website, such as Flickr or Photobucket. Right click the image and copy the location address for the image. Paste the location address in a document to save it.
Use this HTML code to put the button together: . For an email contact button, place 'mailto:' followed by a complete email address in between the first set of quotes in the HTML code. The code should look like this
after inserting the email address. For a link button, place the complete web address in between the first set of quotes, such as http://www.yourbusinesswebsite.com '>.
Add the image properties to the HTML code. Paste the image properties in between the second set of quotes. The HTML code now looks like this: http://img1.photohostingsite.com/img00/1111/yourbutton.jpg'/></a>. The numbers and other information in an image properties are different for each hosted photo, so your information will differ from the properties shown here.
Copy and paste the completed code into the layout of a blog. Place an asterisk at the end of the code, if sending the button via email to a friend or client, to prevent the code from converting into the button. Add a note to the email recipient to remove the asterisk before pasting into a blog.
VPS Hosting