+321 123 4567
info@test.com
  • Home
  • My Services
    • Web Design
    • Web Development
    • Technical Writing
  • Portfolio
  • My Thoughts
  • Free Tools
    • Photo Editor
    • Avatar Generator
    • Email Migration Tool
    • QR Code Generator
    • RSS to HTML Converter
    • Rich Text Editor
    • IP Address Geolocation
    • Base64 Image Encoder
    • NATO Translator
    • All Tools
  • Contact
Home
Blogger
How To Open Links In New Tabs (Blogger/Blogspot)

How To Open Links In New Tabs (Blogger/Blogspot)

Wale Adekile
October 24, 2011

I don’t expect probloggers or anyone with basic HTML knowledge to find this post particularly exciting but if you happen to be a new blogger with absolutely no idea on HTML coding, then you definitely need it. When you insert external links into your blog post, it might be just a way to drive your own visitors away to other sites without knowing. In blogger, the easy Compose mode allows you to insert external links inside your blog post but this link will open on that same page. There are two ways to prevent this from happening: using a certain HTML code while writing your blog posts or inserting a single line of code into your blog’s head section.


Using HTML While Composing Blog Post

After inserting the link in compose mode normally, switch to Edit HTML mode and find the link you added.

Assuming you added a hyperlink as https://www.doncaprio.com with the anchor text being The 9ja Geek’s Journal, you should see this in Edit HTML mode:

<a href="https://www.doncaprio.com">The 9ja Geek' Journal</a>

To make this very link open in a new browser tab, edit it to look like this:


<a href="https://www.doncaprio.com" target="_blank">The 9ja Geek's Journal</a>

As you can see, you only need to add a space and the piece of code shown in red after the link in Edit HTML mode.

Inserting Code In Blog Head Section

I don’t like this method that much because every link opens in a new tab including labels, header links and so on. It might be useful though if you have rather too much external links on your site.

-Go to Design > Edit HTML

-Find this code:

<head>

-Right below it, paste this code:

<base target='_blank'/>


Now save your template. All links on your blog now opens in a new window/tab but I personally don’t like this method. I prefer the first one but the choice is actually yours.


Previous Post
Customizing Simple Machines Forum (SMF) Mobile Version (WAP2)
Next Post
Locked Out By Google: Unusual Traffic From Your Computer Network?
Wale Adekile
Husband to the world's most beautiful woman and father to two awesome kids. A nerd, obviously; also, a technical business analyst, a web designer who preaches the gospel of WordPress, and a writer. You can check out my published books on Amazon.
Blogger

Submit Your Blog’s Sitemap To Google

15 years ago
Blogger

Change Your Blogger’s Blog Favicon ( site icon )

15 years ago

Recent Articles

wahl rapic clip hair clipper
Wahl Rapid Clip Hair Clipper Review: DIY Made Easy
BenQ LaptopBar Review: Luxury or Necessity?
yunmai easepro unboxed
Yunmai EasePro Massage Gun Review
g20
Teendow G20 Robot Vacuum and Mop Review
bathroom
Dear Men, Spraying All Over the Toilet Seat is Disgusting and Irresponsible
winx mediatrans
How to Transfer Photos from iPhone to Computer Without iTunes
google workspace
How to Migrate Emails From Google Workspace/G Suite to cPanel
synology diskstation ds920+
Synology DiskStation DS920+ Review
playstation 4
Why I haven’t Upgraded to the PlayStation 5 Yet
pain
Started Watching Anime as an Adult? You’re Not Alone

All contents on this blog are copyright protected and cannot be reproduced on other websites without permission.

Copyright © 2022 – NerdieDad | Home | Contact | About | Privacy Policy