How to Automatically Remove Image Links in blogger

How to Automatically and Manually Remove Links Images In Blogger or blogspot  - There are several reasons why you should remove the image link in a blog post. From these reasons, you look for ways to remove the image links in your blog posts. On blogger platform, a link on the image, usually formed itself by default without any add, and this is in my opinion quite annoying when displayed later.

By default, image link on blog, toward where the images are stored. A user if the user sees the image and click, it will be taken to a page images, and from this page the user has two options: click the 'back' button on their browser or move to another site, and it is certainly very annoying. It also affects your image SEO traffic because search engines can direct users to a link that is used for an image instead your posts. Overall, it creates a poor user experience and affect the level of your site's bounce rate.

How to delete or remove the image link? There are two ways that you can use, namely, manually and to remove the link to the image automatically.

How to manually means you have to delete them via the post editor, this may be easier if you only have 1 to 4 of blog posts, but if you already have hundreds of blog posts this way may be less effective because it would take a lot of time.

How to automatically means you do not have to do the removal one by one, but only one attempt will automatically remove all the links in the image in the blog post.

How to manually Remove Links Images In Blogger

By default you will get embed code as shown below when you import images into your post.

<div class="separator" style="clear: both; text-align: center;">
<a href="Image source URL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="Image source URL" /></a></div>

Information:

<a href="Image source URL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Is an active link opening tag code, this code will give an active link that leads to the source images.

while

</a>
Is an active link closing tag code

The manually you need to remove the code as I highlighted in red above on HTML mode.

How to Automatically Remove Links Images In Blogger 

I suggest you use this method because it would be more practical, I myself use this method because I was reluctant to bother removing the embed code images one by one.

The way this one will involve a single line of javascript are certainly very mild.

To use Automatic way, follow the steps below.

1. Sign in or Login to blogger

2. Select blogs to be setup

3. Select Template menu and then go to Edit HTML

4. Find </ body> is usually located at the bottom of the template, use CTRL + F or F3 for faster, then copy the code below and place it on top of it.

<script type='text/javascript'>
//<![CDATA[
$(".separator a:has(img)").each(function() { $(this).replaceWith($(this).children()); });
//]]>
</script>

5. Save Template, and see the results.

Also Read: How to Automatically Remove Image Links on WordPress

Above is How to Automatically and Manually Remove Image Links In blogger or blogspot. may be useful, and good luck