News!! Linking A Film Inwards Your Post To A Website
Wednesday, 21 November 2018
Article,
Blogger,
HTML,
Pictures,
Post Editor,
ZZ - needs 2017 theme review
Edit
This article shows how to alter a moving-picture present inwards your blog, thus that when it is clicked, it opens some other weblog post, or fifty-fifty a totally dissimilar website.
Peviously I've described how to seat a moving-picture present into a weblog post.
By default, when a moving-picture present inwards your postal service is clicked, the file that is used to charge the moving-picture present is opened, inwards a novel window too at its master copy size. This tin encourage readers to pocket photos that don't belong to them, thus I've also described how to stop pictures inwards your weblog from beingness "clickable".
But sometimes you lot may desire to fix a moving-picture present upward thus that clicking it opens upward a dissimilar post, or fifty-fifty a whole dissimilar website.
Note where inwards the postal service your moving-picture present is - you lot may desire to seat some temporary marker-text just earlier or later it, thus become far easier to find.
Look at the HTML behind your post, past times clicking the HTML push inwards the top-left of the editor window
Find the code for your picture. It volition facial expression something similar this:
Notice the purpose inwards bold, ie the href="CONTENTS"
Replace this amongst the URL that you lot would similar your readers to become to when they click on the picture. For example, if you lot desire them to live on taken to Google to produce a search, the code would facial expression like:
By default, clicking the moving-picture present volition accept your visitor to the link you lot laissez passer on inwards the same window. But if you lot would similar it to opened upward inwards a novel window, add together target="_blank" to the code too, similar this:
Go dorsum to Compose mode (so you lot don't instruct confused side past times side fourth dimension you lot edit a post)
Remove the marking text, if you lot used any.
Unless it says "click me", some of them won't - too if they're used to Blogger, they may but await to meet a larger version of your photo. So it mightiness live on a proficient persuasion to add together a caption, or fifty-fifty some instructions inwards your weblog to tell them to click the picture.
Also spell you're editing the code, you lot mightiness also similar to add some alt-text to your moving-picture present link too, to brand your weblog more friendly for readers who utilisation screen-reading tools, too for search engines / SEO.
Today, every bit I'm writing this post, I tin solely meet 1 row of options inwards hyperlinked pictures - thus I postulate to edit the HTML in 1 lawsuit again if I desire to alter or withdraw the link.
But it's quite possible that this is a error too that you lot tin meet the ii rows of options inwards the old-interface editor, too that it volition live on added dorsum to the novel 1 too. Fingers crossed.
When you lot readers facial expression at a moving-picture present that you lot cause got linked to somewhere, it volition seem but the same every bit whatever other picture.
For example, the moving-picture present to the correct of this paragraph looks but similar the 1 one at the overstep of the article. But when somebody clicks on it ...
Go on, click this 1 yourself, to meet what happens!
(Acknowledgement: populace domain epitome from Wikimedia Commons)
Making your weblog friendly for search engines too screen-reader software
Stopping pictures from beingness able to live on clicked
Aligning text too pictures inwards blog-posts
Integrating Picasa too Blogger
Peviously I've described how to seat a moving-picture present into a weblog post.
By default, when a moving-picture present inwards your postal service is clicked, the file that is used to charge the moving-picture present is opened, inwards a novel window too at its master copy size. This tin encourage readers to pocket photos that don't belong to them, thus I've also described how to stop pictures inwards your weblog from beingness "clickable".
But sometimes you lot may desire to fix a moving-picture present upward thus that clicking it opens upward a dissimilar post, or fifty-fifty a whole dissimilar website.
How to alter where a moving-picture present is linked to
Add the picture into your postal service inwards the usual way.Note where inwards the postal service your moving-picture present is - you lot may desire to seat some temporary marker-text just earlier or later it, thus become far easier to find.
Look at the HTML behind your post, past times clicking the HTML push inwards the top-left of the editor window
Find the code for your picture. It volition facial expression 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/AVvXsEjjCgL1_fzZjbZFDdda7p8vgeJlVWON9Qx2GY4q5-hdsalzahKcDNvhnB3ySA4YsCFgrfjVTo9EI2W18RdcgxV0BQgAJVmesoanes0p_kIb7C0dNCP1JGETl-oeATIwD0eadi6RmlT0gaGL/s400/Your-picture-file-name.gif" /> </a>
Notice the purpose inwards bold, ie the href="CONTENTS"
Replace this amongst the URL that you lot would similar your readers to become to when they click on the picture. For example, if you lot desire them to live on taken to Google to produce a search, the code would facial expression 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/AVvXsEjjCgL1_fzZjbZFDdda7p8vgeJlVWON9Qx2GY4q5-hdsalzahKcDNvhnB3ySA4YsCFgrfjVTo9EI2W18RdcgxV0BQgAJVmesoanes0p_kIb7C0dNCP1JGETl-oeATIwD0eadi6RmlT0gaGL/s400/Your-picture-file-name.gif" /> </a>
By default, clicking the moving-picture present volition accept your visitor to the link you lot laissez passer on inwards the same window. But if you lot would similar it to opened upward inwards a novel window, add 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/AVvXsEjjCgL1_fzZjbZFDdda7p8vgeJlVWON9Qx2GY4q5-hdsalzahKcDNvhnB3ySA4YsCFgrfjVTo9EI2W18RdcgxV0BQgAJVmesoanes0p_kIb7C0dNCP1JGETl-oeATIwD0eadi6RmlT0gaGL/s400/Your-picture-file-name.gif" /> </a>
Go dorsum to Compose mode (so you lot don't instruct confused side past times side fourth dimension you lot edit a post)
Remove the marking text, if you lot used any.
Some to a greater extent than things to intend about
Will your readers realise that they should click the picture?
Unless it says "click me", some of them won't - too if they're used to Blogger, they may but await to meet a larger version of your photo. So it mightiness live on a proficient persuasion to add together a caption, or fifty-fifty some instructions inwards your weblog to tell them to click the picture.
Also spell you're editing the code, you lot mightiness also similar to add some alt-text to your moving-picture present link too, to brand your weblog more friendly for readers who utilisation screen-reading tools, too for search engines / SEO.
What you lot volition see
At some times inwards the past, when you lot added a link a moving-picture present too thus hovered over the moving-picture present inwards the postal service editor, your would meet a double-row of in-post editing options:- one row had the usual options for editing pictures (which lets you lot fix the moving-picture present size, alignment too caption)
- one row had the usual options for editing links (with options to go-to, alter too withdraw the link.
Today, every bit I'm writing this post, I tin solely meet 1 row of options inwards hyperlinked pictures - thus I postulate to edit the HTML in 1 lawsuit again if I desire to alter or withdraw the link.
But it's quite possible that this is a error too that you lot tin meet the ii rows of options inwards the old-interface editor, too that it volition live on added dorsum to the novel 1 too. Fingers crossed.
What your readers volition see
For example, the moving-picture present to the correct of this paragraph looks but similar the 1 one at the overstep of the article. But when somebody clicks on it ...
Go on, click this 1 yourself, to meet what happens!
(Acknowledgement: populace domain epitome from Wikimedia Commons)
Related Articles
Adding a moving-picture present to your blogMaking your weblog friendly for search engines too screen-reader software
Stopping pictures from beingness able to live on clicked
Aligning text too pictures inwards blog-posts
Integrating Picasa too Blogger
0 Response to "News!! Linking A Film Inwards Your Post To A Website"
Post a Comment