Template dan Tips Seputar Blogger

Thursday, June 22, 2017

Membuka Link Otomatis Terbuka di Tab Baru dengan Javascript

Link Otomatis Terbuka di Tab Baru merupakan sebuah opsional ketika dalam sebuah blog menggunakan link. Link sendiri ditandai dengan adanya tag "a" yang di dalamnya memuat sebuah alamat (URL) tertentu yang bisa berupa alamat blog lain, alamat sebuah posting, alamat image atau bahkan alamat khusus dalam blog itu sendiri. Secara umum link open in new tab diperuntukkan untuk membuka alamat baru diluar blog.

Membuka Link Otomatis Terbuka di Tab Baru dengan Javascript

Penggunaan javascript memungkinkan link terbuka di tab baru berlaku pada semua link yang ada di blog. Jadi ketika kita menambahkan fungsi otomatis tab baru ini melalui javascript, maka blogger tidak perlu lagi membuat fungsi link manual melalui kode html karena secara otomatis semua link sudah di-setting untuk terbuka di tab baru.

Membuka Link Otomatis Terbuka di Tab Baru dengan Javascript

Login ke Blogger > Klik Template > Edit HTML > Cari kode </body> > Salin dan tambahkan javascript di bawah ini sebelum kode </body>

<script type="text/javascript">
//<![CDATA[
function externalLinks(){
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if(anchor.getAttribute("href"))
anchor.target = "_blank";
}}
window.onload = externalLinks;
//]]>
</script>

Klik Simpan Template dan selesai.

Coba lihat hasilnya dengan membuka salah satu artikel di blog Anda.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×