You’ve seen social media buttons and graphic links to posts on everyone else’s blog but you’re a little stumped how to make the magic happen on your own. Wonder no more. Today we’re talking about how to link your own images or other web images to your blog.
1. Upload your image or copy the image address.
If you are using your own designed image, upload it to a site like tinypic, and then copy/save the DIRECT LINK FOR LAYOUTS code you are given.
If you are using an image that is already on the web, copy the address of the image by right clicking on the image and selecting COPY IMAGE ADDRESS.
If you need some help designing images for your site (i.e. social media icons) consider contacting one of these fine ladies for some help:
2. Write your HTML code.
Write your HTML code using the DIRECT LINK FOR LAYOUTS CODE or IMAGE ADDRESS and the URL of the site/post you wish to link to. The width and height of your graphic will be determined by the numeric value in pixels you place in the code.
Note: My blog’s WordPress theme may substitute straight quotes for curly quotes in some browsers in this example. YOUR HTML CODE NEEDS TO HAVE STRAIGHT QUOTES. When I copy and paste codes into my text widget the quotes come out correctly. Caps are only used to distinguish what you need to write for your own code.
<a href=”HTTP://LINK URL” target=”_blank”><img src=”YOUR DIRECT LINK FOR LAYOUTS CODE FROM TINY PIC OR IMAGE ADDRESS” alt=”HTTP://LINK URL” width=”PIXELS” height=”PIXELS” /></a>
3. Insert the HTML code into the HTML viewer of a new post OR into a TEXT WIDGET on WordPress.com.