Yahya Effect

Berbagi Info, Tips Seputar Blogging & Internet

Monday, March 5, 2018

Cara Gampang Membuat Link di Daerah Tertentu Menjadi Open New Tab

Cara Gampang Membuat Link di div dengan Id atau class  Tertentu Otomatis Menjadi Open New Tab


Semakin kita meggeluti dunia blogging atau dunia website akan selalu muncul permasalah yang terkadang  tidak semua permasalahan tersebut ada jawabannya di “google”. Saya pernah mencari “cara membuat link terbuka di tab baru” di google, tutorial yang saya dapat malah membuat semua link menjadi open new tab hal ini tentu akan sangan mengganggu bagi pengunjung blog kita. Keaadaan yang demikian membuat saya merasa perlu untuk mebuat pos ini. Selamat mencoba
Berikut langkah-langkah membuat link menjadi open new tab:


1. Buka Theme kemudian klik edit html

2. Pasang kode berikut di bawah <head>, di atas </head> atau terserah dimana saja asalkan  berada diantara <head> dan </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

3. Pasang juga kode ini
Jika anda ingin membuat link pada class tertentu open new tab

<script>
$('.nama-class a').attr('target', '_blank');
</script>

4. Apabila anda ingin membuat link pada id tertentu open new tab, gunakanla kode script yang ini
<script>
$('#nama-id a').attr('target', '_blank');
</script>

Berdasarkan cara di atas akan mungkin akan muncul pertanyaan “Bagaimana membuat link open new tab jika nama kelas atau id nya dua kata atau lebih?” yang dimaksud dua kata disini contohnya adalah entry-post utama, jawabannya sangat simple anda hanya perlu memilih salah satu kata saja. Pemilihan kata sebaiknya memperhatikan keunikan kata jika ada kata “entry-post utama” dan “entry-post sekunder” saya sarankan memilih utama atau sekunder jangan entry-post.
Bagaimana jika ada link yang kita tidak ingin menjadikanya open new tab?

1. Pasang juga kode ini
Jika anda tidak ingin membuat link pada class tertentu terbuka di tab baru

<script>
$('.nama-class a').removeattr('target', '_blank');
</script>

2. Apabila anda tidak ingin membuat link pada id tertentu terbuka di tab baru gunakanla kode script yang ini

<script>
$('#nama-id a').removeattr('target', '_blank');

</script>

Demikian postingan saya kali ini tentang membuat link di daerah tertentu open new tab. Semoga Bermanfat

No comments:

Post a Comment