Cara membuat clocking link/button
Pertama copy-pastekan kode dibawah ini dibawahnya tag <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(".cloaked").click(function(e) {
e.preventDefault();
window.open("http://tinyurl.com/39z3wnd", "_blank");
});
});
</script>
Yang bisa dirubah adalah yang berwarna merah
.cloaked bisa diganti nama lain inget pake "titik" lalu namanya, misalnya : .linksamar
http://URLku/ ini bisa diganti dengan target url yang sebenarnya, misal : www.jualtahu.com/affid?=231242
Nah setelah ini untuk membuat anchor text atau link untuk button kira-kira penerapannya seperti ini:
<a href="http://www.bukanurlsebenarnya.com" class="cloaked" target="_blank">Masuk Yuk</a>
Sedikit penjelasan, sewaktu visitor mengarahkan pointer mouse ke atas anchor text link atau button, maka yang kelihatan di status bar yang ada di browser adalah link tersebut seakan-akan mengarah ke http://www.bukanurlsebenarnya.com karena orang berpikir apa yang muncul di status bar adalah link sebenarnya untuk Anchor text link / button tersebut.
Optimasi lain tentang cloaking
Cara diatas bila visitor mencoba klik anchor text atau button tersebut maka akan mengarah ke halaman yang sama (current page), nah kalau ingin link tersebut kalau diklik linknya mengarah ke halaman baru (new tab / new window ), coba kita edit sedikit kode diatas tadi menjadi seperti ini.
Thanks sebelumnya buat bantuan teman di kaskus agan AaEzha di postingan saya tentang bagaimana caranya membuat jQuery tentang cloacking ini menuju ke new tab / halaman baru, jadi tidak pada current page (halaman yang sama.
Cara membuat clocking link/button
Pertama copy-pastekan kode dibawah ini dibawahnya tag <head>
<script type="text/javascript">$(document).ready(function() {$(".cloaked").click(function(e) {e.preventDefault();window.location='http://URLku/','_blank';});});</script>
Lihat dini LIVE DEMO
Maka ketika diklik link tersebut akan mengarah ke new tab :)
Semoga berguna...
Regards,
No comments:
Post a Comment