sábado, 22 de junho de 2013

Colocar Caixa de Curtir no Blogger

Uma das melhores formas de divulgar seu blog é com uma página do FaceBook, mas ainda vai faltar alcançar seu leitores. E uma boa forma de alcançar os leitores do seu blog é colocando uma caixa com opção curtir no seu próprio blog.

É isso que eu vou tentar ensinar nesse post, espero que gostem.



Criar Caixa de curtir


1 - Vá ao site de desenvolvedores do FaceBook
2 - Vá até Tools



3 - Vá em App Dashboard



4 - Vá em Sites




5 - Clique em Social Plugs (primeria opção da barra esqueda da página)
6 - Clique em Like Box




7 - Adicione o indereço da página do seu blog
8 - Largura da caixa
9 - Cor da caixa
10 - Mostrar Sobre da página
11 - Mostrar borda
12 - Cabeçálho
13 - Clique no botão Get Code



Adicionando Caixa no Blog


Quando clicar no botão Get Code aparecerá uma janela com dois códigos, esse códigos serão usados para adicionar a caixa de curtir no seu blog.



Deixe essa janela de lado por agora e vá até o painel do seu blog.

14 - Vá em Modelo
15 - Editar HTML




Abrirá uma janela com o código HTML do seu blog (cuidado ao mexer nessa parte, qualquer alteração errada pode criar erros no funcionamento do seu blog), lá será colocado o primeiro código que vc recebeu no FaceBook.

16 - Aperte Ctrl G, uma barra de pesquisas deve aparecer, nela pesquise "body". Você deverá colar a o primeiro código que aparece na janela do passo 13. (Aconselho a pular umas duas linhas depois da linha onde está body, colar o código e depois pular mais umas duas linhas. Assim ficará mais fácil identificar o código, caso precise de alteração.)
17 - Salve o modelo




18 - Vá para o Layout
19 - Vá em Adicionar um Gadget




20 - Na janela que vai aparecer adcione o HTML/JavaScript



21 - Agora adicione o segundo código do passo 13.



O título é opcional. Depois de salvar, posicione esse Gadget onde você quiser e salve a organização. Depois de terminado ele deve estar assim:




Obs: Tentei fazer um tutorial mais detalhado porque durante o processo total pode-se explorar um pouco o site de desenvolvedores do FaceBook, a caixa de curtidas é só uma opção entre diversas outras ferramentas que estão disponíveis pra quem administra um blog ou site. Espero que esse post tenha sido de boa ajuda. 

7 comentários:

  1. FIZ TODO ESSE PROCEDIMENTO MAIS NÃO APARECEU NENHUMA JANELA, O QUE FAÇO?

    ResponderExcluir
    Respostas
    1. Vai me explica oq está acontecendo por mensagem na minha page do face...

      Excluir
  2. Sensacional parabéns,tentei com vários tutoriais e nenhum deu certo,mas com o seu deu certo e ficou ótimo.obrigado

    ResponderExcluir
  3. Quando chego à parte de editar o html, aparece isso: Erro ao analisar XML, linha 1008, coluna 62: The reference to entity "appId" must end with the ';' delimiter.

    O que faço pra resolver?

    ResponderExcluir
    Respostas
    1. Me desculpe pela demora em responder...

      Bem, primeiro tente refazer passo a passo... se ainda der erro, entre em contato pela Pagina Vendinob no FB, onde eu posso dar uma assistência mas ampla...

      Excluir
  4. gera o código de novo e dessa vez clica em IFRAME pega o segundo código copia e cola lá de novo que dar certo.

    ResponderExcluir