Selasa, 01 Juli 2014
Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)
Script ini cukup sederhana, berupa jquery, yang difungsikan untuk
melakukan cek link eksternal di dalam sebuah halaman website kemudian
menginjeksikan target="_blank" pada
setiap link eksternal yang ditemukan pada halaman tersebut. Jadi
sebenarnya script ini tidak hanya bekerja di Blogger, namun bisa di
berbagai platform website/blog, misalnya WordPress (meski anda akan
menemui plugin sejenis dengan mudah).
Cara Menambahkan Script Pembuka Link Eksternal Otomatis
Cukup ikuti beberapa langkah sederhana ini:
1. Seperti biasanya, jika anda sudah memiliki jquery source code,
abaikan script pada bagian pertama dan langsung copy script yang kedua.
Jika belum, copy keduanya dan letakkan secara berurutan. Jika tidak
yakin apakah anda sudah memiliki jquery source code, cari di dalam
template dengan keyword jquery dan lihat apakah sudah memiliki source code sejenis.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>(abaikan script di atas jika sudah punya yang sejenis)
<script type='text/javascript'>2. Buka dashboard Blogger > Template > Edit HTML
$(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>
3. Cari </head> (cara mencari kode di template editor Blogger)
4. Letakkan script yang sudah dicopy tepat di atas </head>.
5. Save template and done!
Anda bisa cek link eksternal pada blog yang belum memiliki atribut target="_blank", atau coba buat link eksternal baru tanpa atribut target. Cek apakah script bekerja.
Catatan Singkat: Bagaimana Script Bekerja & Info Tambahan
Conditional tag (if) digunakan untuk mengajukan persyaratan/cek kedua protocol tersebut, dan jika nilainya sama dengan -1, maka link yang harus dicari (disyaratkan) adalah link yang tidak berada di dalam host yang sama (bukan link yg menuju website/blog anda), alias bersifat eksternal (External Links).
Setelah link-link sesuai persyaratan ditemukan, maka disisipkan / diinjeksikan atribut target="_blank" [{$(this).attr("target","_blank")}].
Logikanya, karena value -1 berarti adalah link yang tidak berada di host yang sama (link yang tidak menuju website/blog anda), maka value 1 berarti sebaliknya (nilai positif), yaitu jika diubah dari -1 ke 1, maka semua link internal anda akan terbuka di window baru.
Jika anda menginginkan semua link, baik internal maupun eksternal terbuka di window baru (meski saya tidak menyarankan), tidak perlu menggunakan script demikian, cukup gunakan tag base targettting berikut dan letakkan di dalam tag head (sebelum </head>):
<base target="_blank"/>Cukup Sekian Dan Terimakasih...............
Tag :
Cheat
Tutorial Blog
Langganan:
Posting Komentar (Atom)
0 komentar