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

kodular aia file,kodular aia,aia file,kodular free aia files,free aia file,kodular,kodular free aia,aia file kodular,kodular free aia file,kodular earning app aia file,free aia files,aia files,kodular aia files,kodular aia file free,aia files for kodular,kodular new aia file,free aia file kodular,earning app aia file,kodular aia file download,kodular aia file free download,free aia,free kodular aia file,aia file for kodular,best aia file, #kodular aia file,aia file,kodular aia,free aia file kodular,free aia file,kodular,kodular free aia,earning app aia file,kodular free aia file,kodular aia file free download,new aia file,aia file kodular,kodular app aia file,kodular aia file 2020,kodular aia file free,new aia file kodular,kodular new aia file,kodular game aia file,kodular aia file download,appybuilder aia file,aia files for kodular,kodular free aia files, #kodular aia file free download,kodular aia file,free aia file,kodular free aia,free aia,kodular aia file free,free aia file kodular,kodular aia,kodular free aia files,kodular aia file download,aia file,free aia files,download aia file,earning app aia file,kodular free aia file,aia file kodular,kodular aia file 2020,new aia file kodular,kodular,aia file download,kodular app aia free download,aia file free download,new aia file, #free aia file,aia file,kodular aia file,earning app aia file,aia file download,aia file free download,free aia,earning app aia file free,kodular aia file free download,free aia files,download aia file,kodular aia file free,new aia file,aia file free,earning aia file free download,high quality aia file,free aia file for app,free aia file kodular,free fire tournament aia file,kodular free aia files,kodular free aia,kodular aia file download, #free aia file,aia file,free aia,free aia files,earning app aia file,aia file download,download aia file,app inventor,kodular free aia files,mit app inventor,aia file free,kodular free aia,mit app inventor 2,thunkable aia file,app inventor 2,aia files,app inventor tutorial,app inventor 2 tutorial,mit app inventor tutorial,kodular free aia file,free aia file download,app inventor tutorials,app inventor for android,kodular aia file, #app inventor,mit app inventor,mit app inventor tutorial,app inventor 2,mit app inventor 2,app inventor tutorial,aia file,app inventor 2 tutorial,mit app inventor 2 tutorial for beginners,app inventor for android,free aia file,thunkable aia file,kodular aia file,mit app inventor aia file,earning app aia file,how to import and export aia file in app inventor,app inventor for android (software),app inventor game,share app inventor source file, #edit wordpress source code files,download free source code,download free source files by the providers,download source files,source code,download footer source files,download source files of sliders,how to edit wordpress source code files,how to download freepik premium files free,free download,download any source file of the providers,free sliders download,download website files,download protected pdf files,software source code,complete source code, #source code,android studio source code free download,android app source code free download,free source code,download free android projects source code,how to download source code of any website,how to download android apps source code,free download source code android studio,how to download source code,android apps source code free,download android project with source code,download entire website code,free download source code,free source code download, #android studio,source code,android studio source code,android studio tutorial,free android studio source code,how to import source code in android studio,android,android studio source code free download,android studio earning app source code,android studio project with source code,how to extract source code file in android studio,import source code into android,android studio project,android app source code free download,android projects with source code, #premium blogger template free download,blogger template free download,blogger template,free blogger templates,blogger themes,premium blogger template free download 2021,blogger theme,blogger templates,blogger template free,blogger templates free download,adsense approval blogger template,blogger template download free,premium blogger template,free blogger templates download,blogger theme download,free premium blogger template,blogger,free blogger template, #best free wordpress themes,free wordpress themes,wordpress themes,wordpress themes free download,free wordpress premium theme download,download premium wordpress themes for free,best wordpress themes,free download premium themes wordpress,get wordpress premium themes for free,how to download wordpress premium theme for free,premium wordpress themes for free,wordpress themes free,wordpress premium theme free download,wordpress,best free wordpress blog themes,kodular,kodular extension,extension for kodular,free extension download,kodular aia file free download,kodular free extension,free extension for kodular,free admob ads extension download,download free material card view extension,kodular extension free download,admob extension for kodular,kodular aia file,kodular free extension download,kodular admob extension free download,admob extension for kodular free download,kodular,how to make extensions for kodular,kodular extension,extension for kodular,kodular tutorial,make extensions for kodular,extensions,how to use extensions in kodular,free extension for kodular,upi extension for kodular,kodular extension development,how to make extensions for kodular in hindi,how to create extension for kodular,how to create app in kodular,kodular extensions,kodular free extensions,kodular io extensions,extensions for kodular,app inventor,mit app inventor,mit app inventor 2,mit app inventor tutorial,app inventor 2,mit app inventor 2 tutorial for beginners,mit app inventor extensions,app inventor tutorial,app inventor 2 tutorial,app inventor for android,app inventor extension,extension app inventor,app inventor extensions,extensions in mit app inventor,extension in mit app inventor,extensions app inventor,app inventor 2 extensions,extensiones de app inventor,kodular,kodular extension,admob extension kodular,kodular admob extension,free extension kodular,admob extension for kodular,extension,kodular aia file,extension for kodular,kodular free extensions,kodular free extension,free admob extension,free extension for kodular,kodular extension free download,kodular tutorial,kodular banner view extension free,google spreadsheet free extension,kodular admob extension free download


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 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.


However this trick is only applicable in your main Blog posts. But if you 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 different code.   











Post a Comment

0 Comments