This is my first attempt at making a video tutorial – let me know your thoughts! Below you will see step-by-step instructions on how to add a linked image to the sidebar of your WordPress blog.

Don’t use WordPress? That’s OK – the steps are similar with other platforms (eg: Blogger). Instead of uploading your image to your site, you can upload anywhere that’s suitable, and get the image URL from there (right click and view properties). This will make more sense once you watch it.

As I haven’t done a video before, I welcome your feedback and any clarification you may need in regards to this video! I’ve had two people say it’s too fast, while one said I need to speed it up! So if you want me to go over something, just ask questions in the comments below. :)

The HTML you need to copy:

Part a) The image HTML: <img src=”http://your-image-url-here.com” />
Part b) {The whole bit} The hyperlink HTML: <a href=”e;http://your-link-here.com/”e;><img src=”e;http://your-image-url-here.com”e; /></a>

Savvy bloggers will notice I left out the “alt” and “title” tags, and also the height and width. I figure it’s about baby steps. I’ll do a tutorial on those another time.

To make this video I used:

• WordPress
• Headway Themes is my WordPress theme (I will do a tutorial on how I made this blog using it soon!)
• Photoshop to make the image (Photoshop Elements is cheaper and would work just as well)
• Firefox Addon Firebug
• Camstudio to record the video on screen
• Windows Live Movie Maker to edit the footage and add captions (found this hiding on my laptop the other day – it’s what sparked a light-bulb moment – “Ahhh! I should make videos!”)
• Jamendo for the music (sorry if it’s not your taste – choosing music is actually really hard!). It’s by felixjd
• YouTube to host the video

Got a video tutorial suggestion? Submit it here.

So, was this helpful? Let me know your thoughts and questions below!