3 Cara Membuat Link Terbuka Otomatis di Tab Baru

Membuat Link Terbuka Otomatis di Tab Baru - Banyak cara guna memperbanyak pageviews dari sebuah situs maupun blog salah satunya adalah dengan membuat link bisa terbuka secara otomatis di tab baru. Cara ini terbukti efektif dalam hal memperbanyak pageviews dikarenakan pengunjung dari suatu situs bisa membaca atau membuka artikel lain tanpa meninggalkan artikel yang sedang dibaca.

Terdapat tiga cara yang dapat dipakai supaya link yang kita buat bisa dibuka otomatis pada tab baru baik di browser desktop maupun browser mobile seperti smartphone. Berikut tiga cara yang bisa sahabat terapkan pada situs web maupun blog.

Sebuah link terbuka otomatis di tab baru

Langkah-langkahnya adalah sebagai berikut :

  1. Buatlah sebuah link, admin contohkan misalnya.
  2.       <a href="http://dhika.my.id/">Dhikamedia</a>
  3. Supaya link tersebut bisa membuka di tab baru, sahabat hanya perlu menambahkan target='_blank'
  4. Secara keseluruhan  link tersebut akan menjadi.
      <a href="http://dhika.my.id/" target='_blank'>Dhikamedia</a>
  5. Jika sudah selesai maka hasilnya seperti berikut, silakan sahabat coba klik dan lihatlah hasilnya : Dhikamedia

Seluruh link terbuka otomatis di tab baru

Langkah-langkahnya adalah sebagai berikut :
  1. Bukalah file html sahabat.
  2. Masukkan kode berikut sebelum tag <head>
  3.       <base target='_blank'/>
  4. Terakhir silakan disimpan dan lihat hasilnya.

Kode diatas adalah membuat semua link yang ada di blog maupun situs membuka tab baru atau jendela baru pada browser, termasuk navigasi menu, link, sidebar, dan sebagainya.

Hanya eksternal link terbuka otomatis di tab baru

Langkah-langkahnya adalah sebagai berikut :

  1. Bukalah html sahabat.
  2. Taruh kode berikut diatas atau sebelum kode </head>
  3. <script type='text/javascript'>
    $(document).ready(function9(){
    function(){
    $("a[href^=http://']").each(
    $(this).attr('target','_blank');
    if(this.href.indexOf(location.hostname)==
    -1){
    }
    }
    );
    if(this.href.indexOf(location.hostname)==
    $("a[href^='https://']").each(
    function(){
    -1){
    $(this).attr(target','_blank');
    }
    }
    </script>
    );
    });
  4. Terakhir simpan dan lihatlah hasilnya.
Kode diatas hanya membuat link external (tautan keluar) membuka tab atau jendela baru, sedangkan link internal tidak.

Demikian artikel kali ini mengenai bagaimana membuka link secara otomatis di tab baru. Jika sahabat terbantu silahkan share artikel ini ke media sosial kalian ya atau jika masih ada pertanyaan silakan tulis pada kolom komentar.