Home » » Cara Membuat Link Membuka Tab Baru secara Otomatis

Cara Membuat Link Membuka Tab Baru secara Otomatis

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

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

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.net' target='_blank'>CB Net</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

Thanks for reading & sharing Cara Membuat Link Membuka Tab Baru secara Otomatis

Previous
« Prev Post

3 comments:

Comment Page:
  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

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox