Wednesday, May 9, 2007

How To Withdraw Hyperlinks From Post Service Images Inwards Blogger

If you lot are using a custom Blogger template, together with then you lot likely direct maintain noticed that few of the third-party developed templates does non supports Lightbox functionality, which causes images to last opened inwards a novel tab window whenever they are clicked past times the users. Recently, 1 of our users asked us that How to Remove Hyperlinks from Post Images inwards Blogger? The easiest means to take hyperlinks for postal service images inwards blogger is to only revert to the HTML Tab inwards the blogger postal service editor together with take the hyperlink. However, what if you lot direct maintain to edit gazillion posts? Today inwards this article, nosotros volition exhibit you lot How to Remove Hyperlinks from Post images inwards blogger.

Since, Blogger usage Picasa spider web album to host your blog’s images, therefore whenever user clicks on an ikon acquaint on your site it ultimately takes them to a dissimilar destination, which causes increase inwards the bounce charge per unit of measurement together with decrease inwards the advertising sales because your users are non converting they are coming from 1 cease together with leaving from the other.

WordPress users direct maintain a slight border because the images they host are uploaded on their ain domains similar example.com/img/test.png but inwards blogger you lot direct maintain to usage Picasa that provides URLs somewhat similar b.blogspot.com/asdasd1600/test.png which is bad for SEO.

The Solution:

The kickoff affair you lot demand to produce is to login into your Google account. After logging in, acquire to Blogger dashboard >> your site >> Template >> Edit HTML together with search for the Skin tag. After finding the pare tag, exactly higher upwards it glue the next chunk of CSS code. Once everything is done, Save the template past times pressing “Save Template” push clit acquaint on the tiptop correct side of your figurer 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: x !important;
}

.hentry img, .separator{
position: relative !important;
z-index: -1 !important;
}

Congratulations: You direct maintain successfully removed Hyperlinks from postal service images inwards blogger. Now whenever, users volition click whatsoever of the images acquaint inwards the posts it would non opened upwards them inwards a novel tab which may consequence inwards decrease of bounce rate.

We promise this article may direct maintain helped you lot inwards learning how to take hyperlinks from posts inwards blogger. Thought, Lightbox industrial plant perfectly on our custom educate theme, but nosotros are notwithstanding using the same technique, therefore you lot all should attempt it too. Follow us on Twitter together with Facebook.

No comments:

Post a Comment