Selasa, 09 April 2019

Cara Membuat Link Membuka Otomatis di Tab Baru

Link atau hyperlink adalah salah satu hal utama blog, link menjadi pendukung referensi, tulisan, sekaligus menghubungkan postingan satu dengan postingan yang lain dan juga mengaitkan situs blog kita dengan blog atau situs web lain.

Link adalah sebuah tautan yang berisi alamat URL yang jika diklik akan mengarah user tersebut dan membuka halaman web yang lain juga atau postingan lain, baik itu dalam blog kita sendiri maupun blog atau situs web orang lain.

Jangan malas membuat link di postingan, link dapat menambah kualitas konten. Link juga dapat bersifat sebagai navigasi menu blog atau situs web.


Jika ingin membuat sebuah link dalam postingan, kita hanya perlu blok (select all) kata ata kalimat dalam postingan. lalu klik menu "Link" diatas kolom postingan, dan masukan URL situs web "Web Address".

Jika Anda ingin link itu membuka tab baru, ceklis bagian "Open this link a new window".



Jika kita membuat link secara manual didalam kode template blog, maka agar link terbuka di halaman tab baru tambahkan kode target="_blank", Misalkan: <a href='http://on-to-hod.blogspot.com' target='_blank'>OTH Blog</a>

Bilamana tidak ditambahkan kode target="_blank". maka link akan terbuka dengan menutup halaman blog.


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

CARA MEMBUAT LINK MEMBUKA TAB BARU SECARA OTOMATIS

*1 Open New Tab (All Links-Internal & External)

Simpan kode berikut ini diatas <head>

<base target='_blank'/>

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

*2 Open New Tab (Only Extenal Links)

Simpan kode ini diatas </head>

<script type='text/javascript'>

$(document).ready(function9(){

$("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 diatas hanya membuat link external (tautan keluar) saya yang membuka tab atau jendela baru, sedangkan link internal tidak.



Sumber:on-to-hod.blogspot.com