dicas blog
Home » , , , » Como colocar uma pop-up do facebook no blogger

Como colocar uma pop-up do facebook no blogger

3
O  facebook  hoje  em  dia  é uma  ferramenta  essencial  para  um  blog  ou  web  site crescer  e se  tornar  popular  na  rede,  existem  muitas  coisas do  facebook que podem ser  usadas  no  blog  como  comentários  fan page campanhas  promoções  aplicativos  botões  entre outros.  a  fan page  do  facebook  para   ganhar  mais  popularidade fãs  é uma  das  mais  usados  por   blogs  no  mundo  todo,  hoje  vou  mostrar como  Instalar uma  fanpage do  facebook  flutuante  no  blog  uma  pop up  do facebook  para  ganhar  mais  curtidas   e   para  suas  postagens  chegarem  mais  longe, para seu  blog  aumentar  o  pagerank  e você  melhorar   seu  posicionamento   no  Google  e  nas  pesquisas.   uma  fan page que  fica  flutuando  quando  a  pagina  é aberta  é  uma boa  opção  para   seu  blog  é uma ótima forma  de  se  comunicar  com  seu  público  e  mostrar   a popularidade   de   seu  blog  se  você começou  um  blog  a  pouco  tempo  e  é  um novato  não  encontrara  dificuldades  para  adicionar   em  seu  blog.




Tutorial para  blogspot e blogger:

Na  instalação  do  código  para  não dar erros  Instale  o  código  um de  cada   vês   e  salve  nunca  faça   a  instalação  de  todos  juntos  poderá  dar  erros!

Primeiro vá  em  Modelo › Editar HTML Expandir modelos de widgets  e  de um CTRL+F e
Procure por  ]]></b:skin>  e adicione o código abaixo  acima  dele


Agora procure por  esse trecho  </body>  e  adicione  o  código abaixo abaixo dele

<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Meublogdicas&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649" scrolling="no" frameborder="0" style="border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;" allowTransparency="true"></iframe>
</div></div>

Tutorial  atualizado:código na caixinha abaixo.


 Messe local marcado  em  vermelho adicione  o nome da  sua fan page: e  salve e pronto.

Novamente agora procure  por esse  trecho </head>  e  adicione o  código abaixo acima  dele

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/>
<script src='https://dl.dropboxusercontent.com/u/261625350/minipopupjquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

Tutorial  atualizado:código na caixinha abaixo. 


no Local marcado  em vermelho  altere os dias para voltar  a aparecer para  o mesmo visitante  7

U legal  dessa  pop-up e que  ela  tem um tecnologia de cookies, que faz com  que  ela aparece uma  vês  para  o  usuário  a cada 7 dias.  dessa  forma ela  não  fica  gerando  incômodos  aos  visitantes toda  vês  que  vem  ao  seu  blog,  você  pode  alterar para  quantos  dias  quiser  basta  procurar  por  essa  parte e  alterar o numero  7  para  quantos  dias  desejar,  exemplo daqui 5 dias ou 15 dias ela voltar  a  aparecer  para  o mesmo  usuário.

 
Caso  esse modelo  não funcione  no  seu  blogger,  veja  esse novo  tutorial esse  novo  modelo vai  funcionar com  certeza.


3 comentários:

  1. Não está funfando brow,está faltando um " ou ' neste trecho href=http://www.facebook.com/Meublogdicas&width=402&height=255&

    ResponderExcluir
  2. Sem palavras para agradecer pela postagem. Estava feito louco atrás dessa ferramenta, e graças a sua ajuda, finalmente consegui implantar esse ótimo recurso. Valeu mesmo pela atenção e por disponibilizar esse método de forma correta e acima de tudo funcional.

    ResponderExcluir
  3. Muito bom, funcionou muito bem no meu blog, da uma conferida www.otanga.com.br .

    ResponderExcluir