Caixa Pop up para curtir a Fanpage no Blogger | Quero Dicas Quero Dicas : Caixa Pop up para curtir a Fanpage no Blogger

Quero Dicas : Caixa Pop up para curtir a Fanpage no Blogger

Caixa Pop up para curtir a Fanpage no Blogger

| |

Caixa Pop up para curtir a Fanpage no Blogger

Semana passada eu fiz algumas postagens sobre a rede social Facebook.
Veja algumas delas:
Colocar os comentários do Facebook no Blogger , Como vincular a página do Facebook ao Blogger e Moderar , Como criar Postagens automáticas nos grupos do Facebook , Como colocar o Box de curtir do FaceBook no blog

Só que notei que nunca tinha criado um post de como colocar uma caixa pop up para curtir a Fanpage no Blogger. Não sabe do que estou falando?

É aquela caixa (box) que aparece, normalmente, no centro da página quando acessamos um blog ou site para que possamos curtir a fanpage do mesmo logo de imediato. Veja na imagem ↓

Caixa Pop up para curtir a Fanpage

Existem muitas maneiras de colocá-la em nosso blog e todas funcionam perfeitamente, mais todas que procurei e vi tem o desconforto de instalar em dois ou três lugares (html/Javascript e no código fonte do template),

Uma dessas caixas pop up que achei, foi no blog "Dando Dicas Para Blogger" publicado desde 2013 (link no final do post). Minha unica alteração foi juntar todos os códigos em um só local e funcionou perfeitamente.

Será muito fácil a instalação, basta adicionar no HTML/Javascript, fazer a alteração no nome da página e pronto. Feito!

Vamos lá?

1. Para adicionar esse widget, é claro, você deverá já ter criado página do seu blog no Facebook. Acesse-a e a deixe aberta para pegar o nome dela no link.
2. Agora acesse o painel do seu blog e clique em Layout
3. Clique em "Adicionar Gadgets" e escolha a opção HTML/ Javascript
4. Apos a janela abrir, cole o código:


Agora multa atenção!

1º - Note o script http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js Caso em seu template já tenha este script não precisa adicioná-lo novamente. Caso contrario, adicione!

2º - Onde está escrito "SUAPAGINAAQUI" coloque no nome da sua fanpage. Aquele que esta no link da sua pagina. exemplo:

https://www.facebook.com/Quero.Dicas escreva semente o nome Quero.Dicas. Tendo o cuidado de não retirar dos outros caracteres (F e &) ao lado.

3º - Cores e fontes podem ser editadas mas só recomendo que mexa se tiver um conhecimento mínimo em CSS.

4º - Largura e altura podem ser alteradas trocando os valores em height (altura) e width (largura). Mas só recomendo que mexa se souber o que está fazendo.

5º - Não funciona com perfil, somente com paginas! Pois são as únicas que tem a opção Curtir

6º - Essa caixa Pop up usa cookies, ou seja: ela só aparecerá de 7 em 7 dias por IP. (pessoa/ residência, etc); Se quiser alterar esse tempo mude o número 7 para a quantidade de dias que desejar neste trecho aqui:

$.cookie('popup_user_login', 'yes', {path: '/', expires: 7 });

Alterou? Agora salve e Pronto!

Beijinhos

Códigos originais: Dando Dicas Para Blogger



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


Nenhum comentário:

Postar um comentário

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir