Thursday, May 26, 2016

How to Remove Hyperlinks from Post s in Blogger


If you are using a custom Blogger template, then you probably have noticed that few of the third-party developed templates does not supports Lightbox functionality, which causes s to be opened in a new tab window whenever they are clicked by the users. Recently, one of our users asked us that How to Remove Hyperlinks from Post s in Blogger? The siest way to remove hyperlinks for post s in blogger is to simply revert to the HTML Tab in the blogger post editor and remove the hyperlink. However, what if you have to edit gazillion posts? Today in this article, we will show you How to Remove Hyperlinks from Post s in blogger.

Since, Blogger use Picasa web album to host your blog’s s, so whenever user clicks on an present on your site it ultimately takes them to a different destination, which causes incrse in the bounce rate and decrse in the ad sales because your users are not converting they are coming from one end and lving from the other.

WordPress users have a slight edge because the s they host are uploaded on their own domains like trickko.com/img/test.png but in blogger you have to use Picasa that provides URLs somewhat like b.blogspot.com/asdasd1600/test.png which is bad for SEO.

The Solution:
The first thing you need to do is to login into your Google account. After logging in, go to Blogger dashboard >> your site >> Template >> Edit HTML and srch for the Skin tag. After finding the skin tag, just above it paste the following chunk of CSS . Once everything is done, Save the template by pressing “Save Template” button present on the top right side of your computer screen.

.post img, .post img a{
position: relative;
z-index: -100; }
OR

.post img, .post img a{
position: relative;
z-index: -1; }
.post-outer{
position: relative;
z-index: 1 !important; }
OR

.entry{
position: relative;
z-index: 1; }
.hentry img, .separator{
position: relative;
z-index: -1; }
OR

.post{
position: relative !important;
z-index: 10 !important;
}
.hentry img, .separator{
position: relative !important;
z-index: -1 !important;
}
Congratulations: You have successfully removed Hyperlinks from post s in blogger. Now whenever, users will click any of the s present in the posts it would not open them in a new tab which may result in decrse of bounce rate.

We hope this article may have helped you in lrning how to remove hyperlinks from posts in blogger. Thought, Lightbox works perfectly on our custom develop theme, but we are still using the same technique, so you all should try it too. Follow us on Twitter and Facebook.

No comments:

Post a Comment