Removing Hyperlinks From Blogger Post Images
By default Blogger creates a link to the paradigm whenever an paradigm is uploaded to a Blogger post. Sometimes, however, yous powerfulness desire to take the link to forbid the paradigm from beingness clickable. Influenza A virus subtype H5N1 mutual argue would hold upwards to safeguard your image. If yous are worried close your paradigm beingness copied yous tin forbid it from appearing amount size yesteryear disabling the link. When yous take the hyperlink off an paradigm from your post, your postal service paradigm won't hold upwards clickable anymore, preventing readers from accessing the larger version of the image.
If yous are using a custom Blogger template, thus yous likely possess got noticed that few of the third-party developed templates does non supports Lightbox functionality, which causes images to hold upwards opened inward a novel tab window whenever they are clicked yesteryear the users. Since, Blogger utilization Picasa spider web album to host your blog’s images, thus whenever user clicks on an paradigm introduce on your site it ultimately takes them to a dissimilar destination, which causes growth inward the bounce charge per unit of measurement too decrease inward the advertizing sales because your users are non converting they are coming from ane terminate too leaving from the other.
Recently, ane of our users asked us that How to Remove Hyperlinks from Post Images inward Blogger? The easiest agency to take hyperlinks for postal service images inward blogger is to precisely revert to the HTML Tab inward the blogger postal service editor too take the hyperlink <a href>. However, what if yous possess got to edit large numbers of posts? don't worry, nosotros possess got prepared laid of codes amongst CSS too JavaScript tweak, non HTML ane to automatically take links. Today inward this tutorial, nosotros volition demo yous How to manually or automatically Remove Hyperlinks from unmarried Post paradigm or from Homepage page / Specific postal service / Specific page / or from all posts inward blogger amongst pace yesteryear pace instructions too images.
If yous precisely desire to disable the hyperlink from a unmarried paradigm inward Blogger effort this method. I possess got constitute that it removes the link but it volition non reinstate it ane time removed thus hold upwards certain yous desire to take the link earlier yous starting fourth dimension otherwise yous volition demand to reinstate the link manually. I advise yous backup earlier yous start.
Step 2. Make certain Compose is selected, thus select the picture too thus click on Link inward Toolbar.
Step 3. Click on Publish / Update.
Step 2. Make certain HTML is selected, thus Find the image hyperlink code.
Note : Their may hold upwards to a greater extent than than ane Image hyperlink depends upon the disclose of images inward post. Code may vary lilliputian because every paradigm possess got dissimilar URL.
Code await similar this :
Step 3. Now remove the hyperlink approximately the img tag ( Blue color code ).
Step 4. Click on Publish / Update.
Step 1. Login to your blogger account, thus navigate to Template > Edit HTML.
Step 2. Click anywhere within the code too search for next code ( CTRL+F ) :
Step 3. Copy too glue the next code precisely higher upwards it to disable Hyperlinks from :
Step 4. Configuration for Specific postal service too page only :
Replace URL-HERE amongst the page / postal service URL. For example :
If your postal service URL is :
Then add together exclusively : 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 exclusively : p/write-for-us.html
Step 5. Click Save Template.
Recently, ane of our users asked us that How to Remove Hyperlinks from Post Images inward Blogger? The easiest agency to take hyperlinks for postal service images inward blogger is to precisely revert to the HTML Tab inward the blogger postal service editor too take the hyperlink <a href>. However, what if yous possess got to edit large numbers of posts? don't worry, nosotros possess got prepared laid of codes amongst CSS too JavaScript tweak, non HTML ane to automatically take links. Today inward this tutorial, nosotros volition demo yous How to manually or automatically Remove Hyperlinks from unmarried Post paradigm or from Homepage page / Specific postal service / Specific page / or from all posts inward blogger amongst pace yesteryear pace instructions too images.
Removing Hyperlinks from Posts Images
If yous precisely desire to disable the hyperlink from a unmarried paradigm inward Blogger effort this method. I possess got constitute that it removes the link but it volition non reinstate it ane time removed thus hold upwards certain yous desire to take the link earlier yous starting fourth dimension otherwise yous volition demand to reinstate the link manually. I advise yous backup earlier yous start.
Removing Hyperlinks Manually / from Single Image
1. By Using Blogger Compose Editor Toolbar ( Easy )
Step 1. Login to your blogger account, thus navigate to edit post ( From which yous desire to take paradigm hyperlink ).Step 2. Make certain Compose is selected, thus select the picture too thus click on Link inward Toolbar.
Step 3. Click on Publish / Update.
2. By Using Blogger Post HTML Editor
Step 1. Login to your blogger account, thus navigate to edit post ( From which yous desire to take paradigm hyperlink ).Step 2. Make certain HTML is selected, thus Find the image hyperlink code.
Note : Their may hold upwards to a greater extent than than ane Image hyperlink depends upon the disclose of images inward post. Code may vary lilliputian because every paradigm possess got dissimilar URL.
Code await similar this :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg19EMliIj2URv3Y2b_3HHBRMvG1qkUJ3I8WCqQ0IvI8Tf7dWYsklk7OqgzckIvA5WCP47BKm9sUGTaRF3F7AtqA3Z9E3m3TfObCZgX76Dhcyt1D3d38OzK_P3nLKeuYLSZTCSO4k3VQOk/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/AVvXsEg19EMliIj2URv3Y2b_3HHBRMvG1qkUJ3I8WCqQ0IvI8Tf7dWYsklk7OqgzckIvA5WCP47BKm9sUGTaRF3F7AtqA3Z9E3m3TfObCZgX76Dhcyt1D3d38OzK_P3nLKeuYLSZTCSO4k3VQOk/s320/Vintage-Camera.jpg" width="320" /></a>
Step 3. Now remove the hyperlink approximately the img tag ( Blue color code ).
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg19EMliIj2URv3Y2b_3HHBRMvG1qkUJ3I8WCqQ0IvI8Tf7dWYsklk7OqgzckIvA5WCP47BKm9sUGTaRF3F7AtqA3Z9E3m3TfObCZgX76Dhcyt1D3d38OzK_P3nLKeuYLSZTCSO4k3VQOk/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/AVvXsEg19EMliIj2URv3Y2b_3HHBRMvG1qkUJ3I8WCqQ0IvI8Tf7dWYsklk7OqgzckIvA5WCP47BKm9sUGTaRF3F7AtqA3Z9E3m3TfObCZgX76Dhcyt1D3d38OzK_P3nLKeuYLSZTCSO4k3VQOk/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, thus navigate to Template > Edit HTML.
Step 2. Click anywhere within the code too search for next code ( CTRL+F ) :
</head>
Step 3. Copy too glue the next code precisely higher upwards it to disable Hyperlinks from :
<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() { provide 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() { provide 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() { provide 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() { provide false; });
});
</script>
</b:if>
Step 4. Configuration for Specific postal service too page only :
Replace URL-HERE amongst the page / postal service URL. For example :
If your postal service URL is :
Then add together exclusively : 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 exclusively : p/write-for-us.html
Step 5. Click Save Template.
Belum ada Komentar untuk "Removing Hyperlinks From Blogger Post Images"
Posting Komentar