News!! Linking A Cinema Inwards Your Postal Service To A Website

This article shows how to modify a moving-picture introduce inwards your blog, so that when it is clicked, it opens another weblog post, or even out a totally unlike website.

Peviously I've described how to spot a moving-picture introduce into a weblog post.

By default, when a moving-picture introduce inwards your post service is clicked, the file that is used to accuse the moving-picture introduce is opened, inwards a new window likewise at its master copy re-create size. This flaming encourage readers to bag photos that don't belong to them, so I've also described how to stop pictures inwards your weblog from beingness "clickable".

But sometimes you lot lot may wishing to cook a moving-picture introduce upward so that clicking it opens upward a unlike post, or even out a whole unlike website.

How to modify where a moving-picture introduce is linked to

Add the picture into your post service inwards the usual way.

Note where inwards the post service your moving-picture introduce is - you lot lot may wishing to spot some temporary marker-text just before or afterwards it, so move out far easier to find.

Look at the HTML behind your post, by times clicking the HTML force inwards the top-left of the editor window

Find the code for your picture. It testament facial seem something similar this:

<a href="http://4.bp.blogspot.com/tkoGx2454hA/s1600-h/Inserting+a+picture.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYS_Y5yAs6kt-bBqNw3DoNmLxkLpiv_9U_qC80z8QLFosMP4BhxMcVUV5stxssi95zApAKMUlQsBK2DIQBgEKGoWks-lh6Fqxk4UDk4wPtkIhk0WWguYkgVE38pBgv0Z8XS9bgwaH56qh/s400/Your-picture-file-name.gif" /> </a>

Notice the piece of job inwards bold, ie the href="CONTENTS"

Replace this alongside the URL that you lot lot would similar your readers to move out to when they click on the picture. For example, if you lot lot wishing them to alive on taken to Google to gain a search, the code would facial seem like:

<a href="www.google.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYS_Y5yAs6kt-bBqNw3DoNmLxkLpiv_9U_qC80z8QLFosMP4BhxMcVUV5stxssi95zApAKMUlQsBK2DIQBgEKGoWks-lh6Fqxk4UDk4wPtkIhk0WWguYkgVE38pBgv0Z8XS9bgwaH56qh/s400/Your-picture-file-name.gif" /> </a>

By default, clicking the moving-picture introduce testament convey your visitor to the link you lot lot laissez passer on inwards the same window. But if you lot lot would similar it to opened upward inwards a new window, add together together target="_blank" to the code too, similar this:

<a href="THE URL TO GO TO" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYS_Y5yAs6kt-bBqNw3DoNmLxkLpiv_9U_qC80z8QLFosMP4BhxMcVUV5stxssi95zApAKMUlQsBK2DIQBgEKGoWks-lh6Fqxk4UDk4wPtkIhk0WWguYkgVE38pBgv0Z8XS9bgwaH56qh/s400/Your-picture-file-name.gif" /> </a>

Go back to Compose mode (so you lot lot don't teach confused side by times side 4th dimension you lot lot edit a post)

Remove the marking text, if you lot lot used any.

Some to a greater extent than things to recollect about

Will your readers realise that they should click the picture?

Unless it says "click me", some of them won't - likewise if they're used to Blogger, they may but await to consider a larger version of your photo. So it mightiness alive on a skillful stance to add together together a caption, or even out some instructions inwards your weblog to tell them to click the picture.

Also while you're editing the code, you lot lot mightiness also similar to add some alt-text to your moving-picture introduce link too, to build your weblog more friendly for readers who utilisation screen-reading tools, likewise for search engines / SEO.

What you lot lot testament see

At some times inwards the past, when you lot lot added a link a moving-picture introduce likewise so hovered over the moving-picture introduce inwards the post service editor, your would consider a double-row of in-post editing options:

one row had the usual options for editing pictures (which lets you lot lot cook the moving-picture introduce size, alignment likewise caption)
one row had the usual options for editing links (with options to go-to, modify likewise withdraw the link.

Today, every chip I'm writing this post, I flaming alone consider 1 row of options inwards hyperlinked pictures - so I withdraw to edit the HTML inwards 1 lawsuit in i trial again if I wishing to modify or withdraw the link.

But it's quite possible that this is a fault likewise that you lot lot flaming consider the ii rows of options inwards the old-interface editor, likewise that it testament alive on added back to the new 1 too. Fingers crossed.

What your readers testament see

When you lot lot readers facial seem at a moving-picture introduce that you lot lot drive got linked to somewhere, it testament seem but the same every chip whatever other picture.

For example, the moving-picture introduce to the right of this paragraph looks but similar the 1 i at the transcend of the article. But when mortal clicks on it ...

Go on, click this 1 yourself, to consider what happens!

(Acknowledgement: public domain paradigm from Wikimedia Commons)

Adding a moving-picture introduce to your blog

Making your weblog friendly for search engines likewise screen-reader software

Stopping pictures from beingness able to alive on clicked

Aligning text likewise pictures inwards blog-posts

Integrating Picasa likewise Blogger

ADS