Today Intelligence Removing Hyperlinks From Blogger Postal Service Images

By default Blogger creates a link to the epitome whenever an epitome is uploaded to a Blogger post. Sometimes, however, you lot mightiness desire to take the link to forestall the epitome from existence clickable. Influenza A virus subtype H5N1 mutual argue would hold upward to safeguard your image. If you lot are worried most your epitome existence copied you lot tin forcefulness out forestall it from appearing sum size past times disabling the link. When you lot take the hyperlink off an epitome from your post, your postal service epitome won't hold upward clickable anymore, preventing readers from accessing the larger version of the image.

If you lot are using a custom Blogger template, as well as thence you lot in all probability own got noticed that few of the third-party developed templates does non supports Lightbox functionality, which causes images to hold upward opened inwards a novel tab window whenever they are clicked past times the users. Since, Blogger occupation Picasa spider web album to host your blog’s images, thence whenever user clicks on an epitome introduce on your site it ultimately takes them to a dissimilar destination, which causes growth inwards the bounce charge per unit of measurement as well as decrease inwards the promotion sales because your users are non converting they are coming from i destination as well as leaving from the other.

Recently, i of our users asked us that How to Remove Hyperlinks from Post Images inwards Blogger? The easiest agency to take hyperlinks for postal service images inwards blogger is to but revert to the HTML Tab inwards the blogger postal service editor as well as take the hyperlink <a href>. However, what if you lot own got to edit large numbers of posts? don't worry, nosotros own got prepared laid of codes amongst CSS as well as JavaScript tweak, non HTML i to automatically take links. Today inwards this tutorial, nosotros volition present you lot How to manually or automatically Remove Hyperlinks from unmarried Post epitome or from Homepage page / Specific postal service / Specific page / or from all posts inwards blogger amongst pace past times pace instructions as well as images.

Removing Hyperlinks from Posts Images

If you lot exactly desire to disable the hyperlink from a unmarried epitome inwards Blogger elbow grease this method. I own got constitute that it removes the link but it volition non reinstate it i time removed thence hold upward certain you lot desire to take the link earlier you lot get-go otherwise you lot volition demand to reinstate the link manually. I advise you lot backup earlier you lot start.

Removing Hyperlinks Manually / from Single Image

1. By Using Blogger Compose Editor Toolbar ( Easy ) 

Step 1. Login to your blogger account, as well as thence navigate to edit post ( From which you lot desire to take epitome hyperlink ).

Step 2. Make certain Compose is selected, as well as thence select the picture as well as and thence click on Link inwards Toolbar.

Step 3. Click on Publish / Update.

2. By Using Blogger Post HTML Editor

Step 1. Login to your blogger account, as well as thence navigate to edit post ( From which you lot desire to take epitome hyperlink ).

Step 2. Make certain HTML is selected, as well as thence Find the image hyperlink code.

Note : Their may hold upward to a greater extent than than i Image hyperlink depends upon the let out of images inwards post. Code may vary niggling because every epitome own got dissimilar URL.

Code await similar this :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7RuQmQ073f4lTcNal3DdcE_zKGGzzYivcLXCgN5VdTe5j0ZgVEkWCeD3e84luFwRIEvPHFtfmZyyvryNhNnjuPnngo1j-xRzx8LmGka6VCVS-BCfg2ExRHxAD3vv-xEp8rHnya0uI6E/s1600/Vintage-Camera.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7RuQmQ073f4lTcNal3DdcE_zKGGzzYivcLXCgN5VdTe5j0ZgVEkWCeD3e84luFwRIEvPHFtfmZyyvryNhNnjuPnngo1j-xRzx8LmGka6VCVS-BCfg2ExRHxAD3vv-xEp8rHnya0uI6E/s320/Vintage-Camera.jpg" width="320" /></a>

Step 3. Now remove the hyperlink some the img tag ( Blue color code ).

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7RuQmQ073f4lTcNal3DdcE_zKGGzzYivcLXCgN5VdTe5j0ZgVEkWCeD3e84luFwRIEvPHFtfmZyyvryNhNnjuPnngo1j-xRzx8LmGka6VCVS-BCfg2ExRHxAD3vv-xEp8rHnya0uI6E/s1600/Vintage-Camera.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7RuQmQ073f4lTcNal3DdcE_zKGGzzYivcLXCgN5VdTe5j0ZgVEkWCeD3e84luFwRIEvPHFtfmZyyvryNhNnjuPnngo1j-xRzx8LmGka6VCVS-BCfg2ExRHxAD3vv-xEp8rHnya0uI6E/s320/Vintage-Camera.jpg" width="320" /></a>

Step 4. Click on Publish / Update.

Removing Hyperlinks Automatically From Post Images

Step 1. Login to your blogger account, as well as thence navigate to Template > Edit HTML.

Step 2. Click anywhere within the code as well as search for next code ( CTRL+F ) :

</head>

Step 3. Copy as well as glue the next code exactly inwards a higher identify it to disable Hyperlinks from :

• All posts

• Homepage

• All pages

• Specific postal service & page

<b:if cond='data:blog.pageType == "item"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post-body a[href]:has(img)').css({"cursor": "default" , "pointer-events": "none" , "-webkit-user-select": "none" , "-khtml-user-select": "none" , "-moz-user-select": "none" , "-o-user-select": "none" , "user-select": "none"})
.click(function() { supply false; });
});
</script>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post-body a[href]:has(img)').css({"cursor": "default" , "pointer-events": "none" , "-webkit-user-select": "none" , "-khtml-user-select": "none" , "-moz-user-select": "none" , "-o-user-select": "none" , "user-select": "none"})
.click(function() { supply false; });
});
</script>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post-body a[href]:has(img)').css({"cursor": "default" , "pointer-events": "none" , "-webkit-user-select": "none" , "-khtml-user-select": "none" , "-moz-user-select": "none" , "-o-user-select": "none" , "user-select": "none"})
.click(function() { supply false; });
});
</script>
</b:if>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "URL-HERE"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post-body a[href]:has(img)').css({"cursor": "default" , "pointer-events": "none" , "-webkit-user-select": "none" , "-khtml-user-select": "none" , "-moz-user-select": "none" , "-o-user-select": "none" , "user-select": "none"})
.click(function() { supply false; });
});
</script>
</b:if>

Step 4. Configuration for Specific postal service as well as page only :

Replace URL-HERE amongst the page / postal service URL. For lawsuit :

If your postal service URL is : /search?q=backup-restore-blogger-posts-content-template
Then add together alone : 2016/04/removing-hyperlinks-from-blogger-post-images.html

OR

If your page URL is : http://www.howbloggerz.blogspot.com/p/write-for-us.html
Then add together alone : p/write-for-us.html


Step 5. Click Save Template.

Enjoy!

Now sentiment your spider web log postal service images as well as elbow grease a click over it :), equally it is impossible to own got i global code that industrial plant for all templates. If it doesn't piece of work on your template, exit a comment as well as I'll gear upward i that volition piece of work for you. Stay Updated, Browse ! :)