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.
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".
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.
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".
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! (sumber: http://www.contohblog.com).*
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! (sumber: http://www.contohblog.com).*
Baca Juga:
Komentar
Posting Komentar