Search Blog








Open All External Links In New Tab In Blogger

Interlinking, may be external or internal is very good for visitors to explore related topics of your blog.By default blogger open all internal and external links in same window or tab.Most bloggers add past post links of their blog while making new post but some time they need to add external links of other blog.

open external links in new tab


Why we need this

If external link open in same tab then visitor may not come back to your blog.visitor can close the tab but if external link opens in new tab then viewer can close that tab and can view more post links of your blog.It reduce bounce rate, widget all helps for this purpose but in other way.To stop viewer leaving your blog unexplored you should make external links open in new tab and you can expect more page views.Today i am showing you two methods.In first method you have to make some changes in your post individually while in second method you have to  make some changes in your template and your all external links will be open in new tab.

How to open links in new window Individually

First we will look at manual method to open external links.In this method we will edit post individually .In post editor when have option to add link, when you click on add link, new pop up appear as you can see below.



You have to add text and link then make sure you have check the box open this link in a new window, as shown in above image.click ok and you are done.

Visit your page to check that you link is opening in new tab.

Automatically open external links in new tab in blogger
This method is different and you do not need to edit every single post manually.In this method we will edit template.

1 Login to your blogger account

2 Select your blog and go to template

3 Click on Edit HTML

4 search below code
<head>

5 paste the below code after <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
 <script type='text/javascript'>
 $(document).ready(function() {
 $("a[href^='http://']").each(
 function(){
 if(this.href.indexOf(location.hostname) == -1) {
 $(this).attr('target', '_blank');
 }
 }
 );
 $("a[href^='https://']").each(
 function(){
 if(this.href.indexOf(location.hostname) == -1) {
 $(this).attr('target', '_blank');
 }
 }
 );
 });
 </script>

Note: Don’t add the red code if you already have jQuery library source code installed.

Save your Template, your work finished.

Last words
In my opinion making external links open in new tab is good idea to increase page views.It is more beneficial for blog who had lots of external links.Blogger add recent post links while making new post but some blog have many external links to download some thing.If you made external links open in new that then you have probability of more views because visitor may close link from new tab and come to you to your blog.

IconIconIconFollow Me on Pinterest
Blog Widget by LinkWithin