How to Make Blog Posts Open in New Tabs or New Window?

Learn the trick to open all internal Blog post URL in a new tab or in new window. How to open default Blogger URL in new tab or window?

0
data:blog.title
How to Make Blog Posts Open in New Tabs or New Window?

Generally in Blogger site or any other Blogging platform you would see Blog Post open in current tab or window. And if you wish to open a post in new tab or window then you must right click on your mouse button and have to choose Open Link in New Tab or Window. But if you wish to make open your Blog posts always in new window then you have to add additional code. 

This is an important issue that visitors when visit a Blog page then after reading content then skip to the another article. But if s/he wants to return to the previous article then they may forget about that specific content. As a result readers may miss some interesting content and Blogger will lose some extra page view. In addition there are many reasons behind to open posts in new window or in a new tab.

If you Make Blog Posts Open in New Tabs or New Window then your Blog readers can easily visit and read new content from new tabs as well able to look at previous contents, because when Blog readers click on Blog Post’s titles then content will open in new tabs or in new windows.  Obviously this will bring more page views and Blog’s bounce rate will reduce dramatically.

When readers open new content in new tabs then previous posts remain open in older tab, as a result it helps to reduce bounce rate. So by applying a simple trick we can make open all Blog posts in new tab for increasing the reader’s engagement with your Blog posts.

For opening any URL in new tab or window we use a tag like below. This indicate that open the URL in new window or tab.  
  • target='_blank'
This tag line we frequently use to open a single URL in new tab or window. So I will use this code for all Blog posts URL. After all if is not possible to add tag line manually for all Blog posts.


Step #1: Go to “https://www.blogger.com” and Sign in to your account

Step #2: From “Blogger Dashboard” click on ->Template ->Edit HTML 

Step #3: And one by one locate the below codes in your Blogger template. Generally you will find those after <b:includable id='post' var='post'>  code line.
<a expr:href='data:post.link'><data:post.title/></a>
And
<a expr:href='data:post.url'><data:post.title/></a>
Step #4: Now copy target='_blank’ tag and paste it on the above codes. After adding the tag on code it will look like below.

<a expr:href='data:post.link' target='_blank’ ><data:post.title/></a>
And
<a expr:href='data:post.url' target='_blank’ ><data:post.title/></a>
Step #5: Finally click “Save template” button from the top.

Now go to your Blogger site and click on your Blog post URL and see the result. All Blog posts will open in a new tab or window.

open Blogger URL in new tabs and window
Learn the trick to open all internal Blog post URL in a new tab or in new window.
However this trick is only applicable in your main Blog posts. But if you want to add this trick on your recent post or Random post widget then you have to add it different. This trick will work 100% in Blogger default template, including custom template. But in case of some custom Blogger template it may not work because of tweaked code. 
How to Make Blog Posts Open in New Tabs or New Window?
4 Stars stars - "How to Make Blog Posts Open in New Tabs or New Window?" Generally in Blogger site or any other Blogging platform you would see Blog Post open in curren...
Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *