Actually, blogger website page hyperlinks click opens a current location window. If you need to open one of the links to a new window or tab, you choose mouse to right-click, then choose open new window, but in the mobile device can work very problem.
To overcome that problem, we use auto open new tab or window, every time click on the link. For these use HTML code as the target property to hyperlink. See below code
<a href=" ..." target="_blank"> Link title</a>
Most important benefit: When readers open new content in the new tab, then the previous post remains open in an older tab, as a result, it reduces bounce rate. So that by using this method, open a number of blog posts in new tabs or windows, result increasing readers' engagement posts.
>> Read more information as Bounce rate and meaning and benefits Click Here
>> Google Analytics bounce rate Click Here
There are 2 methods to use Site Links auto-open when clicking on the link to a new tab or window in blogger website solutions.
- All links including category links, page titles, external, internal, and hyperlink- auto open new tab or window.
- Only Blog post to open new tab or window
Method 1 All links to open new tab or window
All Links to open new tab or window, we use to <base> tag. That can include in <head> section of Html source code.
Html code for <base> tag
<base target='_blank' />
Note: If you construct your blog heavily using hypertext, you really want your readers to have to close a window each time they finish reading a linked article in your blog.
Method 2 Open Category post title to open new tab or window
Only Every Category post page to click that page to open a new tab or window. We follow the following steps.
Step 1: Go to blogger.com website
Setp 2: From Blogger Dashboard Click on Theme >> Customize >> Edit HTML
Step 3: Now Search the following code
<a expr:href='data:post.link'><data:post.title/></a>
Note: above code do not change
Step 4: Then After the following code search
<a expr:href='data:post.link'><data:post.title/></a>
Now replace following code to the above code
<a expr:href='data:post.link' target='_blank’ ><data:post.title/></a>
Step 5: Then After the following code search
<a expr:href='data:post.url'><data:post.title/></a>
Now replace following code to the above code
<a expr:href='data:post.url' target='_blank’ ><data:post.title/></a>
0 Comments:
Post a Comment