sexta-feira, 24 de julho de 2015

Facebook Like and share com Icone do mouse

aumente-likes-and-shares-facebook-widget-cursor


Hoje vamos apresentar aqui uma inovação em like e share widget onde você vai poder de alguma maneira aumentar seus likes bem como o usuário vai poder compartilhar quando alguém visita sua página inicial ao pegar o mouse a foto aparece seguindo do mouse como você pode ver abaixo 
Para não parecer constrangedor e ficar ali na tela isso vai desaparecer dentro de 30 segundos é uma forma também de não perturbar o visitante  quer ver como fica na prática:
Nota para ver o demo na prática mexa com o mouse na tela após clicar em demo


Vamos ao passo de instalação no Blogger  Nota sempre que for atualizar seu blogger com um novo widget faça backup se algo der errado pode reverter o processo

Vá no painel do blogger 
Procure no menu por Modelo > Editar Html
Pressionando as teclas CTRL+F procure por <head> então copie o código e cole abaixo de <head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script language="JavaScript" type="text/javascript">
function cursorlike()
{
var IE = document.all;
var tempX = 10;
var tempY = 0;
var element=document.getElementById("cclike");
document.onmousemove=function getMouseXY(abc) {
if (IE) {
tempX = event.clientX;
tempY = event.clientY;
} else {
tempX = abc.pageX;
tempY = abc.pageY;
}
element.style.marginLeft = tempX + "px";
element.style.marginTop = tempY + "px";
}
}
//remove this line if you don't want to dissapear it at all
setTimeout(function() { $("#cclike").fadeOut(1500); }, 30000)
//Above one
</script>

Passo  2:
Procure por <body  copie o codigo a seguir e cole apos body

onload="cursorlike();" 

Tenha certeza que deixou um espaço entre body e onload ex  <body onload="cursorlike();"> 

Passo 3 procure novamente por <body> logo abaixo cole a esse código 

<div id="cclike" style="position:absolute; z-index: 999999;"><div style="margin-top:-10px; margin-left:-5px;" class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
<br/><span style="color: black"> São apenas30 Secs!</span>
</div>
<!--Remove SDK if you already have it-->
<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/en_GB/sdk.js#xfbml=1&amp;version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Clique em salvar e pronto 




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner