17 de março de 2013

36

Mini PopUp de curtir a Fan Page no Facebook para o Blog



E aí pessoal, com algumas semanas sem postar nem um tutorial no Varias Dicas Para Blog, hoje vou mostrar como colocar um Widget, um pequeno Popup que tem um botão de curtir no Facebook.

Esse Widget é fácil de carregar, tem efeito deslizante e atraente,  é útil, pois facilita os visitantes do seu blog visualizarem o botão "Curtir no Facebook" , portanto, esse popup ajudará você a conseguir vários Fãs no facebook.

>> Veja uma Demostração da janela Pop UP: CLIQUE AQUI.
Observe que, ao descer a página do Blog, a janela Pop-Up aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé, e na janela aparece o Botão Curtir.

Como colocar no Blog:

Primeiro: Acesse o painel de edição do seu blog
A seguir vá na opção "Layout" e depois clique em "Adicionar um Gadget":

 Depois clique na opção "HTML/JavaScripts".

Segundo: Cole esse código dentro do HTML/JavaScripts:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mbsocial").show("slow");else $("#mbsocial").hide("slow");});function closeMBsocial(){$('#mbsocial').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> 

<style> #mbsocial{background:#f3f3f3;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:100px;} .getmore a{display: inline-block;font-weight: normal;text-decoration: none;font-size:9px;color:#333!important; float:right;} .getmore a:visited{ color:#ddd;}</style>  
 <div style="display: none;" id="mbsocial"> <a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBsocial();">(X)</a>

<span style="font-family: Verdana; font-size: 15px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;font-weight:bold;color:#555;">Curta nossa Fan Page!</span><br />
 <a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOMEdaSUAFANPAGE&amp;width=230&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:62px;" allowtransparency="true"></iframe>
</a>  

</div>
 <div class='clear'></div>

Altere o Código:
veja que no código eu deixei destacado uma pequena parte em vermelho, aquilo se trata do endereço da fan page, então pra alterá, você vai substituir a parte destacada em Vermelho pelo endereço da sua Fan Page, veja bem o exemplo logo a baixo:

O endereço da minha Fan Page é esse aqui:
https://www.facebook.com/VariasDicasParaBlogs

Neste caso, eu ou você, somente irá utilizar a parte final do endereço que fica depois da "/" (barra), e substitui-lo no código:
VariasDicasParaBlogs

Depois de substituir é só salvar.
espero terem gostado




36 comentários:

  1. Olá, muito obrigado. Eu adorei e deu tudo certo!

    ResponderExcluir
  2. Várias,

    Esse tipo de dica para qualquer que seja o foco do adm para o visitante, te,m ajudado muito em relação a curtições, círculos, seguidores e etc.

    Abraços

    ResponderExcluir
  3. Funciono 100% vlw muito pratico para usar :D

    ResponderExcluir
  4. Excelente, fiz e funcionou muito bem. Parabéns pelo trabalho.

    ResponderExcluir
  5. Eu queria um script ou plugin pro navegador tirar essas malditas janelas de curtir pagina...
    Que negócio chato

    ResponderExcluir
  6. Adorei ficou ótimo !!! Muito obrigada :)

    ResponderExcluir
  7. O meu não funcionou. 1º abriu em branco e agora não está mais aparecendo.
    No caso, aqui www.facebook.com%2FNOMEdaSUAFANPAGE
    Eu ponho o que vem depois da barra da minha página ou incluo a barra?
    Minha página é https://www.facebook.com/ParaQueServemOsDias
    Como ficaria no código?

    ResponderExcluir
  8. eu boto o da minha página Music-Explosion mas aparece OUTRA página no lugar, o que faço?

    ResponderExcluir
  9. Parabéns, muito bom. Coloquei lá no meu site também. Valeu.

    ResponderExcluir
  10. Coloquei no meu, mais não funcionou, só ficou um quadro vazio!

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Seu blog é foda, ensina tudo direitinho, deu certo aqui, obrigado, (:

    ResponderExcluir
  13. Também não consegui, ficou uma janela em branco.
    As outras dicas são ótimas, vou continuar tentando.

    ResponderExcluir
  14. COMO FAÇO PARA QUE A CAIXINHA APAREÇA ANTES TIPO PRA NAO PRECISAR DESÇER LA EMBAIXO

    ResponderExcluir
  15. Queria saber a mesma coisa que o Lucas acima...
    "COMO FAÇO PARA QUE A CAIXINHA APAREÇA ANTES TIPO PRA NAO PRECISAR DESÇER LA EMBAIXO"

    No caso, que apareça antes, rolando a barra só um pouco e ai já aparecia.

    Alias, muito bom viu!

    Abraço

    ResponderExcluir
  16. Do lugar da pagina do face, pode colocar para assinar feed do blog? amigão

    ResponderExcluir
  17. Estou tentando o código para wordpress, mas a caixa aparece vazia pode me ajudar?? agradeço.

    ResponderExcluir
  18. Oi pessoal, sou de SP e trabalho como Desenvolvedor Web há 10 anos... dei uma pesquisada em toda a web nessas ferramentas pra conseguir mais “curtir” no Facebook e encontrei um site bem legal, chamado Asloo (www.asloo.com). Pelo jeito o Asloo tá começando agora, pq ainda não tem muitos usuários participando e os Curtir demoram um pouco ainda, o site parece que ainda tá na versão de beta, porém me chamou a atenção recursos interessantes. Pelo jeito, a ideia desse Asloo é, além de ser uma comunidade pra trocar “curtidas” entre os usuários, vc pode ver gráficos que mostram quantos “curtir” sua página ganhou por dia, um relatório resumido dos clicks, etc.. achei que essa ferramenta além de possuir um caminho para conseguirmos curtir de qualquer lado e em grande quantidade em pouco tempo, tb podemos conseguir seguidores “reais”, pq o Asloo além de ter o filtro pra vc selecionar o país que vc quer que curta sua página, li numa matéria que dentro de alguns dias vão ativar filtros como: cidade, idade, sexo, aí não fica aquela coisa de pessoas curtindo sua página mas que nunca vão comprar o produto da empresa nem visitar a loja, por ex. é uma forma de escolher melhor seu público-alvo, é mais focado em marketing mesmo! Sendo assim, você escolhe qual o objetivo real de sua campanha.
    Outras vantagens que vi é que quando vc se cadastra, já tem 100 pontos pra testar o e recebe de 5 a 10 pontos por página que vc curtir, além disso, clicando em 20 “curtir” por dia, ganha um bônus de 200 pontos curtindo as páginas de outros usuários da comunidade. Achei legal a forma como vc controla as campanhas..., outra coisa da hora é que vc acessa uma tela com 12 “Curtir” de cada vez, o que facilita muito...
    Minha opinião: vale a pena testar www.asloo.com e ver o que vcs acham! eu particularmente to achando muito bom e indico pra todo mundo da área.

    ResponderExcluir
  19. Pessoal, a minha caixa esta aparecendo quase pela metade, cortando um pouco a link "curtir" Em que eu errei?

    ResponderExcluir
  20. Muito bom e muito fácil


    http://detudoandroidplay.blogspot.com.br/

    ResponderExcluir
  21. Não existe uma forma de deixar as duas? O botão curtir como popup e essa no final da página?

    ResponderExcluir
  22. Socialliki e especializado em serviços de marketing viral em redes social, esses marketing pode ser curtidas em fãs page, compartilhamentos de links, views de YouTube, curtidas em fotos de promoções e website hits. serviço totalmente honesto, vc tem direito a um teste grátis de um serviço a sua escolha.
    http://socialliki.com.br/

    ResponderExcluir
  23. mais uma vez mim ajudou


    http://detudoandroidplay.blogspot.com.br/

    ResponderExcluir
  24. Ahh finalmente um código que funcionou, obrigada! Depois de várias tentativas esse deu certo!

    ResponderExcluir
  25. Respostas
    1. Funciona sim.

      Esse metódo só funciona pra fanpages galera.

      Página pessoal do facebook não funciona.

      Ao invés de colocar o link da sua fanpage, coloque o ID que dá certinho.

      o ID é um conjunto e numeros apenas que fica após o nome da página

      www.facebook.com.br/suapagina/123456

      coloquei o ID e deu certinho

      vlws

      Excluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook