Blog Header

Blog Header

Sunday, September 15, 2013

Making Picture-Links in Blogspot

So, in a couple of my classes, we are maintaining academic blogs on digital literacy and its ties to Moby Dick and John Milton (Paradise Lost). As lots of people are posting pictures, I wanted to do a quick post for anyone interested in making blogspot pictures link to external websites. , it's pretty basic:

1. Click on the [Insert Image] button
2. Choose the picture from the available options (Upload, From a URL, etc.)
3. Select the picture when it comes up in the window, and click on the blue [Add selected] button on the bottom of the window.
4. Position the image wherever you want, then click the HTML button on the left. This basically  brings up the code that makes your blog work.

5. Use the find option (CTRL + F in Windows, CMD + F for Mac) or scroll through the text to find "a href." An example from this document looks like this:
6. Check to make sure that this is the right picture (the filename is the last thing in the quotation marks), and change the entire web address (the content in the quote marks) to whatever website you want to link to. You'll end up with something like this:
7. Hit [Compose] to go back to the regular blogger editor, and you're done! That's it! Now, if you haven't been clicking on the pictures all along and you have made it this far, you might as well enjoy a few Google easter eggs by doing so now...

Happy blogging!

No comments:

Post a Comment