• Fotografia
    Como tirar fotos legais com o celular
    16 set 2015
  • Decoração
    Os 5 melhores diys de decoração (vídeos)
    24 fev 2015
  • Feminice
    Meus produtos favoritos da Dresslily
    28 jan 2016
  • 04 junho 2015

    Adicionar Page Plugin ao Blogger sem erros

    Eu estava com dificuldades pra adicionar a nova "like box" do facebook, fiquei quebrando a cabeça durante umas horas, até que eu caí na real e descobri que precisamos "transformar" o código em um outro, o que é fácil com a ferramenta que vou passar pra vocês. Eu não sei se só eu estava com essa dificuldade, mas espero que ajude vocês de alguma forma. Vamos ao tutorial?

    Primeiro vamos à essa página aqui do Facebook Developers, ela vai te mandar direito para a página do Page Plugin. Você vai colocar o que se pede na página, como na imagem abaixo:


    Lembrando que:
    • Width: Largura;
    • Height: Altura.
    Se você quiser mostrar o que você posta na página, deixe selecionado a opção Show Page Post e se não quiser a carinha dos amigos que curtiram, desmarque a opção Show Friend's Faces. Ah, e Hide Cover Photo é para tirar a capa da fanpage, a área fica branca. Mas isso vocês já devem saber, até eu que não sei NHACAS de inglês sei. Basta futucar e aprender (Lispector, Laíza). Na imagem está como eu uso aqui no blog, se quiser igual, deixe como na imagem.

    Agora, com todas as especificações colocadas, clique em Get Code, irá aparecer 2 códigos. Vou apelidar o primeiro de "código 1" e o segundo de "código 2" (bem óbvio) pra falar deles no post. E não feche essa página, ok? Vamos precisar.


    Agora copie o código 1 e abra esse site: Blogcrowds. Ao abrir, você vai ver uma caixa em branco, cole o código copiado nela e aperte PARSE. Sim, vai abrir um código muito hardcore. Não o julgue. 

    Vai no blogger, modelo, editar html e dê ctrl F, quando aparecer a caixinha digite: <body>, que é o corpicho do seu brogui. Dê enter e após essa tag, cole o código transformado. 

    Agora que a parte que dava bug tá arrumadinha, vamos adicionar o gadget Html/JavaScript e, nela, colar o código 2. Todos sabem adicionar gadget por aqui, né? Se não, eu explico. Ok ok.

    Página inicial do blogger > setinha para baixo ao lado do nome do blog > layout > adicionar gadget > Html/JavaScript.

    E VOILÀ! Sua página do facebook vai estar lá, linda de bonita no seu blog, sem erro. Eu, pelo menos, só consegui assim. No meu blog e no blog de clientes, só foi assim. #tristerealidade #vidasofrida #vidacruel #umbeijoeumqueijo

    Espero ter ajudado quem estava com dificuldades, viu? Beijo!

    E me adicionem lá no Snap: llayc. Tenho postado umas macaquices todos os dias! Também tenho usado muito o twitter #milagresacontecem.


    Nos acompanhe nas redes: Facebook | Twitter | Instagram | Youtube | Snap

    15 comentários:

    1. Oii, adorei o tutorial. Vou tentar fazer. Achei super linda essa nova like box. E estou A-P-A-I-X-O-N-A-D-A pelo seu layout. Assim que eu puder, quero encomendar um novo para o meu blog com você.
      Beijinhos e muito sucesso! Você é muito talentosa!

      www.docesresenhas.com.br

      ResponderExcluir
      Respostas
      1. Oi Mari! Muito obrigada, viu?
        Enquanto ao layout, estarei aqui, só entrar em contato!
        Um beijo e muito sucesso pra você também ♥

        Excluir
    2. Parabéeeens!! Eu estava louca já tentando arrumar o erro do código, mas nunca dava certo... Parabéeens

      ResponderExcluir
    3. O site para arrumar o código não abriu :/

      ResponderExcluir
      Respostas
      1. Oi Re, o site não está abrindo pq não devem ter pago a hospedagem. Cole esse código:
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=531852963593367";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        Um beijo!

        Excluir
    4. Não estou conseguindo entrar no site blogcrowds

      ResponderExcluir
      Respostas
      1. Oi Washington, o site provavelmente não pagou a hospedagem. hahahah
        Coloque esse código: <div id="fb-root"></div>
        <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=531852963593367";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        Um beijo!

        Excluir
    5. Laíza tem outra forma de inserir o código 1. não achei o < bodyy > no meu blog, acreditor ter editado ele.

      ResponderExcluir
      Respostas
      1. Oi Gabi, tudo bom? Tenta procurar por < body , sem o fechamento. É impossível não ter a tag body, pois é o corpo do seu blog. Vou dar uma olhada no seu blog e te alerto se souber o erro.

        Excluir
      2. Fui no seu blog e vi que sua < body > está modificada mesmo. Procure por < body class='loading' > e coloque após essa tag.

        Beijoca ♥

        Excluir
    6. Deu certo! Muito obrigada. você sempre me salvando. =*

      ResponderExcluir
    7. muito obrigado, tive muita dificuladade mas com esse post foi perfeito

      ResponderExcluir
    8. Oi Laíza, segui seu tutorial, mas não consegui colocar o plugin no meu blog. Você tem alguma ideia do motivo ou alguma dica? Aguardo sua resposta! Beijos
      www.registrodehistorias.blogspot.com

      ResponderExcluir
      Respostas
      1. Olá! Tem certeza que fez tudo conforme o tutorial? Eu sempre faço dessa forma.
        Aguardo sua resposta! Beijos♥

        Excluir