Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Semua Link External Menjadi Open In New Tab

Membuat Semua Link External Menjadi Open In New Tab Membuat Semua Link External Menjadi Open In New Tab

Cara Membuat Semua Eksternal Link di Blog Menjadi Terbuka di Tab Baru Ketika di Klik - External link atau Link eksternal yakni sebuah link yang berada pada blog yang mengarah ke blog lain, baik dari halaman homepage maupun halaman postingan blog yang anda miliki menuju ke halaman homepage maupun halaman postingan blog lain.

Beberapa jenis Eksternal Links
Dalam dunia perblogan eksternal links ada dua macam, yakni antara lain :

  • Link Dofollow
  • Link Nofollow

Mari kita ulas satu per satu, apa yang dimaksud dengan kedua jenis link eksternal diatas.

Link Nofollow
Link Nofollow yakni link yang diberikan atribut rel='nofollow' pada baris htmlnya. Atribut ini merupakan perintah dan isyarat bagi bot search engine untuk tidak mengikuti link tujuan dan tidak memperlihatkan imbas di SERPS pada halaman dimana link tersebut diletakkan.
Berikut yakni pola atribut nofollow yang disertakan dalam sebuah link :

<a href=' https://bloglandai.blogspot.com' rel='nofollow'> </a>

Atribut nofollow pada pola link diatas akan memperlihatkan perintah pada bot search engine biar mereka tidak mengikuti arah dan tujuan link tersebut berada. Ini artinya, halaman tujuan dari hyperlink tersebut tidak akan di rayapi oleh bot search engine meskipun link tersebut dapat di klik dan dituju oleh pengguna. Umumnya, atribut nofollow ini dipakai untuk memperlihatkan rujukan halaman pada situs lain yang sifatnya " belum dapat di percaya " reputasinya.
Seperti contohnya ketika ada pembahasan dalam artikel yang berkaitan ihwal spam dan kita ingin memperlihatkan rujukan halaman pola ihwal spam, maka link yang kita buat sebaiknya memakai atribut nofollow pada baris html link tersebut.

Link Dofollow
Tidak ibarat link nofollow, Link Dofollow tidak memakai atribut rel='dofollow' didalam baris html linknya. Pasalnya, setiap link yang tidak memakai atribut rel='nofollow' sudah secara otomatis bersifat Dofollow meskipun atribut rel='dofollow' tidak ada dalam baris html link tersebut.
Gampangnya dapat dibilang begini "link dofollow tidak perlu diisikan rel='dofollow' alasannya secara default sudah dofollow". contohnya ibarat URL link dibawah berikut ini :

<a href=' https://bloglandai.blogspot.com' > </a>

Link yang bersifat dofollow ini akan mengijinkan bot search engine merayapi halaman tujuan dari link tersebut, sekaligus juga akan mempengaruhi peringkat halaman di SERPS. Jika halaman tersebut mempunyai reputasi yang baik, maka halaman daerah link dipasang akan ikut berdampak baik .
Pun sebaliknya, kalau halaman tujuan link mempunyai reputasi yang jelek di Search engine, maka dampaknya juga jelek bagi halaman daerah link itu berada.

Nah sesuai tema yang akan saya bahas hari ini, saya akan menyebarkan script yang akan diletakkan pada kode template blog yang berfungsi untuk menciptakan semua link external atau link orang lain yang anda pasang pada blog menjadi terbuka pada tab gres atau nama kerennya Open In New Tab secara otomatis ketika link tersebut di klik, tanpa anda harus menambahkan kode html target = "_blank" pada eksternal link secara manual maupun mencentang pilihan Open this link in a new window pada Edit Link ketika menulis postingan.

Membuat Semua Link External Menjadi Open In New Tab Membuat Semua Link External Menjadi Open In New Tab


Untuk menciptakan eksternal link terbuka di tab gres secara otomatis ketika diklik caranya cukup mudah, anda hanya meletakkan sedikit kode javascript ke dalam kode template blog. Silahkan ikuti langkah-langkah berikut.

Membuat Semua Eksternal Link Terbuka di Tab Baru Secara Otomatis Saat diKlik

  • Login ke akun blogger anda.
  • Pilih sajian Template atau Tema.
  • Klik Edit HTML.
  • Temukan kode </body>.
  • Jika sudah ketemu, Letakkan kode javascript berikut dibawah ini sempurna diatas kode </body>.

<script type="text/javascript">
//<![CDATA[
//harmansh | Open New Tab
function externalLinks() {
  for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) {
    var b = c[a];
    b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank")
  }
}
;
externalLinks();
//]]>
</script>

  • Terakhir klik Save Template atau Simpan Tema.
  • Silahkan cek hasilnya, apakah sudah berhasil atau belum. Saya yakin berhasil alasannya langkahnya hanya sedikit.
Demikian tutorial sederhana bagaimana cara menciptakan semua eksternal link ketika diklik akan pribadi terbuka di tab gres secara otomatis. Semoga bermanfaat and " Happy Blogging "


Sumber https://harmansh.blogspot.com/