Open All External Links into New Tab in Blogger

In this post I will show you that how can we open all external links into new tab. This can be done by adding simple jQuery code into template. Opening external links into new tab help to reduce your blog bounce rate and also you will not lose your valuable visitors. Now you have understood the benefits of opening external links into new tab so let's begin the tutorial.

Open External Links into New Tab

1. Go to your blogger dashboard >> Edit HTML >> Tick Expand Widget Template Box

2. Press Ctrl+F and find the below  </head>

3. Now paste the below code above/before it.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $undefineddocument).readyundefinedfunction undefined) { $undefined"a[href*='http://']:notundefined[href*='"+location.hostname+"']),[href*='https://']:notundefined[href*='"+location.hostname+"'])").attrundefined"target","_blank").attrundefined"title","Opens new window").addClassundefined"external"); }); </script>

Note: Remove red line from code if you have already any jQuery.js file in your template.

4.Save the template.

5. Done!

Summary!

Always open external links into new tab to prevent your visitors go away from your blog. If your visitors go outside to the external link than it will increase your blog bounce rate and hurt your blog ranking. Try toTop 5 tips to increase your blog traffic to maintain your blog ranking in search engines. Happy Blogging!