12 de out de 2012

Like Box flutuante do Facebook para Blogger

Olá amigos, hoje aprenderemo como adicionar uma caixa de fãs do Facebook com efeito expansível na lateral de seu blog. Essa box possui um efeito bem interessante que faz aparecer um botão do Facebook fixo do lado direito, e quando o leitor passa o mouse, ela se expande, aparecendo a caixa de fãs padrão da rede social. Tudo isso usando um plugin Jquery. Essa opção é ótima se você estiver à procura de fãs para a sua página no facebook.

Nesse código, não será necessário fazer a edição de nenhum trecho do código de seu Template, simplesmente você copiará o código abaixo e seguir os passos: 

Layout » Adicionar um Gadget » Inserir Html/JavaScript no layout de seu Blogger.




Agora que você já colou o código, faça as seguintes alterações com atenção: 

Substitua o trecho: "nomePaginaBlog" sem as aspas, com a URL da sua página no Facebook, por exemplo: http://www.facebook.com/EscolaFail. 

Pronto! Espero que tenham gostado! Deixe suas dúvidas e comentários. =)
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

5 comentários

  1. João Victor Rodrigues21 de outubro de 2012 16:28

    Gosteii da dica! Mas tenho uma dúvida, como faço pra fazer ela ficar do lado esquerdo da tela, ao invés do direito? Tem como fazer isso?

    ResponderExcluir
    Respostas
    1. Claro! Para isso,basta alterar o nome "float: right" para "float: left".
      Obrigado pela visita!

      Excluir
  2. Como removo esses negocio de cookie de só aparecer uma vez por visita ?

    ResponderExcluir
    Respostas
    1. Não entendi sua pergunta... Esse widget aparece para todos em todas as vezes em que visitar o blog instalado... Ele é expansivel, não é o pop-up.

      Excluir

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo