quinta-feira, 23 de junho de 2016

Publicado 15:15:00 por com 0 comentário

Janela pop up de curtir a fan page para blog

Adicione um pop up para curtir a página do facebook no seu blog de forma simples e muito pouco ou quase nada invasiva.
Particularmente eu não gosto de chegar em um blog e encontrar aquela janelinha pop up quando abro a página, acho um pouco invasiva. O que considero bom nesse script, é que além de ser mais curto em comparações ao demais que vi na internet, ele é também pouco ou quase nada invasivo (a página não fica escura), ele se mantém estático no alto e meio da página, sem se mover para baixo ou para cima. Também não prejudica a leitura. Fica ali até que o visitante curta ou clique no X. Caso o visitante abra outras postagens do blog a janelinha pop up vai aparecer em todas.

Siga as etapas abaixo:
1 - A maioria dos blogs já possui a sua página no Facebook. Caso ainda não tenha você pode criar ela como mostra a figura. Acesse seu perfil do facebook, clique na pequena seta localizada no canto superior direito em criar página como mostra a figura abaixo;
2- Em seguida escolha a categoria. Você tem várias opções, escolha a que mais for compatível com seu blog. São 4 etapas que você deverá prestar a atenção e preencher com calma.




Depois de criado a página agora vamos fazer a instalação do pop up.
Acesse seu painel e clique na aba Layout;
Clique em adicionar um gadget e escolha a opção HTML/JAVASCRIPT;
Na janela que abrir copie e cole o código abaixo:

<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"
/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Curta nossa fan page">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/curtirespetacular&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:285px; height:258px;"
allowtransparency="true"></iframe></center>
</div>

Observação importante: Onde está escrito curta a nossa fan page, você pode trocar o texto por um outro se quiser. Onde está escrito curtir espetacular, troque pelo nome de sua página no Facebook. A minha por exemplo é: https://www.facebook.com/curtirespetacular

Pronto, agora é só salvar. Observe que em qualquer página que você abrir a janelinha vai aparecer lá.
No template do meu blog deu certo. Acredito que no seu também deve dar certo. Espero que goste e que seja útil pra você. É isso aí.
Se gostou, deixe um comentário e aproveite para dar um curtir em nossa página.

0 comentários:

Postar um comentário

Pato persegue o cão - É morrer de rir!



Related Posts Plugin for WordPress, Blogger...