Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger Tutorial » How-to » How to Open All Blogger Links in New Tab Using CSS

How to Open All Blogger Links in New Tab Using CSS

In default, all links of your blogger blog are opening in same/current window. and it can be a reason why your blog's bounce rate isn't reducing. However, we can add target="blank" to the link so that link open in new tab. but what if you we add a single line of CSS code to blogger template and all links will be open in new tab no need to add target=blank all times. all you need to do is just add snippet code of CSS to your blog and then it will force links in blogger to open in new tab.

Also see : How to Add Breadcrumb to Blogspot Blog


How to open all links in new tab in blogger?


Go to Blogger Dashboard > Template > Edit HTML
Search for </head> tag and paste below code just above it.

<base target='_blank'/>

Now, Save your template and you're done !!

Isn't it easy? Drop your comment and questions below :)
Add Comment
Blogger Tutorial How-to

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Download Best and SEO Friendly Blogger Templates for your Blog
    Download Best and SEO Friendly Blogger Templates for your Blog
  • Flash SWF file Embed Code Generator
    Flash SWF file Embed Code Generator
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ►  July (14)
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ▼  March (15)
      • jQuery Facebook Popup (Like Box Widget) V2
      • How to Open All Blogger Links in New Tab Using CSS
      • Add Labnol.org style Facebook Like Box to Blogger
      • How to Add Custom jQuery Lightbox to Blogspot blog
      • How to Add Animated Flying Android Man Widget to B...
      • How to Add Breadcrumb to Blogspot Blog
      • How to Add Official Contact Form to a Specific Pag...
      • How to Add Official Contact Form Widget to Blogspo...
      • Add Mashable Style Social Subscription Widget to B...
      • Android Act - Download Free Responsive Blogger Tem...
      • Beautiful Social Count Widget for Blogger Blogspot
      • How to Add Smileys & Emoticons inside Blogger Comm...
      • Add Star Ratings to your Blogger Product Review Posts
      • How to Add A Transparent Notification Bar To Blogger
      • How to Add CSS Drop Down Menu To Blogger
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates