February 11, 2016

Cara Membuat Link Membuka Tab Baru secara Otomatis

February 11, 2016

Cara Membuat Link Membuka Tab Baru (New Tab/New Window) secara Otomatis. 

LINKS atau hyperlink merupakan salah satu kekuatan blog atau situs web. Link menjadi data pendukung tulisan, referensi, sekaligus menghubungkan postingan yang satu dengan yang lain serta mengaitkan blog kita dengan blog atau situs web lain.

Cara Membuat Link Membuka Tab Baru secara Otomatis
Link adalah sebuah tautan yang jika diklik akan mengarahkan user membuka halaman web yang lain atau membuka posting lain, baik di dalam blog sendiri maupun blog lain.

Gak usah pelit dan malas membuat link di postingan. Link menambah kualitas konten. Link juga menjadi navigasi menu. (Selengkapnya: mengenal jenis-jenis link).

Untuk membuat sebuah link dalam postingan, kita tinggal blok (select all) kata atau kalimat, lalu klik menu "Link" di atas kolom posting, dan masukkan URL di kolom "Web adress".

Agar link itu membuka tab baru, centang bagian "Open this link in a new window".

edit link blogger


Jika kita membuat link secara manual di dalam kode template, maka agar link terbuka di tab baru, maka tambahkan kode target="_blank".

Misalnya: <a href='http://www.contohblog.com' target='_blank'>CB Blogger</a>.

Jika tidak ditambakan kode target="_blank", maka link akan terbuka dengan menutup atau mengganti halaman blog kita.

Nah, posting berikut ini berbagi kode agar semua link di blog kita, baik dalam postingan maupun link yang lain, membuka tab baru secara otomatis.

Kode lainnya adalah hanya membuka tab baru otomatis untuk tautan keluar (external link) sedangkan link internal terbuka biasa saja.

Cara Membuat Link Membuka Tab Baru secara Otomatis

#1 OPEN NEW TAB (ALL LINKS - INTERNAL & EXTERNAL)

Simpan  kode berikut ini di atas </head>

<base target='_blank'/>

Kode di atas membuat SEMUA link yang ada di blog kita membuka tab baru atau jendela baru, termasuk navigasi menu, link di sidebar, dll.

#2 OPEN NEW TAB (ONLY EXTERNAL LINKS)

Simpan kode berikut ini di atas </head>

<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
 
});

</script>


Kode di atas akan membuat HANYA link eksternal (tautan keluar) saja yang membuka tab baru, sedangkan link internal tidak.

Demikian Cara Membuat Link Membuka Tab Baru secara Otomatis.

Good luck and Happy Blogging! (http://www.contohblog.com).*

Sumber

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

5 comments on Cara Membuat Link Membuka Tab Baru secara Otomatis

  1. mantap, informasinya sangat membantu, jadi tahu bagaimana cara setting agar link muncul di tab baru otomatis

    ReplyDelete
  2. Cara membuat link agar terbuka secara otomatis di blog.

    Mas, cara kedua itu akan berlaku di seluruh halaman, misalnya di popular posts yang gak menyediakan fitur Open New Tab jika di klik?

    Kalau widget berdasarkan label/kategori kan tersedia pilihan Open New Tab secara otomatis.

    Yang ana butuhkan saat ini kode yang membuat link-link secara menyeluruh di blog akan terbuka secara open new tab apabila di klik.

    Thanks CB :*

    ReplyDelete
  3. makasih bos. akhirnya yang saya cari ketemu juga disini

    ReplyDelete
  4. Kalau saya menggunakan yang otomatis cara pertama lebih fleksibel biar optimal penambahan kunjungannya.

    ReplyDelete
  5. wah mantap om, ijin ya,dari kemarin mau nyari yang ginian cuman bingung kata kunci apa ehe,akhrinya dapat juga,makasih banyak om

    ReplyDelete

Contact Form

Name

Email *

Message *