terça-feira, setembro 13, 2011

Como colocar o social plugin do Facebook no seu blog (Like)


        Acesse o site www.facebook.com.br/page/ . 

     Crie uma página em que as pessoas possam curtir. nessa página você publicará todos os seus posts para gerar interatividade entre os blogs que curtirem o seu.

       Obs:  você pode criar quantas páginas de curtir quiser com o mesmo facebook.

      Defina a categoria (qual o conteudo do seu blog) , dê um nome para sua página e marque a caixa seletora em que aceita os termos de páginas do Facebook e clique em começar.

       Siga as etapas 1, 2 e 3 .

       Na etapa 1, coloque a foto do perfil.
     Na etapa 2, você deverá convidar seus amigos  para curtir sua página criada, e importar contatos.
      Na etapa 3, coloque o nome do seu web site ou blog e no campo sobre, faça uma breve descrição sobre o blog.

    Irá abrir o perfil do Facebook. selecione o url do seu perfil ( ex: www.facebook.com/page/2838030030), deixe de fora os outros caracteres adicionais. 
      
        Clique em Adicionar caixa de curtir no blog. 
     
      Vai abrir a caixa de código do like box. nessa caixa cole o url que você copiou  no campo onde está escrito Facebook page URL.


      Conhecendo sobre detalhes específicos da caixa like box(curtir) 


        Width: é a largura do seu social plugin no blog. atente-se que há dois lugares em que há de ser modificado para alterar.

        Height: é a altura do seu social plugin no blog. atente-se que há dois lugares em que há de ser modificado para alterar.

        Color Scheme: é a cor de fundo. light= branco dark= preto

        Show faces: mostrar os rostos das pessoas que curtirem seu blog.

        Border color: mudar a cor da borda do social plugin. obs:deixe em branco se não quiser alterar nada.

        Show Stream: Mostrar o conteudo do Facebook direto no blog.

        Show Header: Mostar a barra de titulo azul  Find us on Facebook ( Encontre nos no Facebook).

        Após definir como ficará seu social plugin e escolher o que quer ter nele. desmarque na caixa o que você não quiser no blog.

        Em seguida, clique em Get Code. vai aparecer o código html

        Atenção para um detalhe: "aqui você pode escolher o idioma que quer que o seu social plugin terá. se quiser em português, basta selecionar e escolher a opção de código em "frame" e colar no blog."

        Então, copie e cole no blog.

        e pronto!!!

      Como colar no Blogger o social plugin do facebook

     Observe e siga como mostrado  

       No painel do blogger, clique em Adicionar um gadget.



           Irá abrir uma tela onde onde o titulo será como mostrado abaixo.

     
          Em seguida , selecione entre as opções de gadgets disponíveis, o HTML/ JAVASCRIPT e clique nele.

      
       Logo após, irá abrir a seguinte tela:

      
        Então, com o botão direito do mouse, clique em colar, para inserir no espaço em branco o código do social plugin. o campo título deixe em branco caso não queira  ter título na caixa. salve e pronto já está pronto o seu social plugin. em seguida, clique em visualizar blog e veja como ficou sua caixa de curtir.

_________________________________________________________________________________

        Aproveite o seu social plugin de agora em diante. e lembre-se quanto mais pessoas curtirem, mas o seu blog vai crescer.

        Ah... e uma dica! sempre que você quiser procurar alguma página de alguém que tem social plugin. digite no url do seu navegador : www.facebook.com/pages/, lá você vai poder ver todas as páginas reunidas num único lugar.

        Depois de instalado no seu blog você pode personalizar para aparecer quantas fotos quiser. para alterar o comprimento dele. para tanto, abra o código html, e procure height="292", mas atente-se que há duas para modificar. depois de modificar com a largura que for mais conveniente. salve. depois, poderá colocá-lo onde quiser.

       Se você desmarcou o Show Stream (mostar conteudo do Facebook no blog), mas se arrependeu e agora quer mudar, procure o Código "show stream=true", e substitua a palavra true por false. cuidado para não apagar acidentalmente alguma coisa a mais no código,caso contrário dará erro.

        Da mesma forma, se você desmarcou o Show header (Esconder a barra de título azul do Find us on Facebook), e se arrependeu depois. então, acesse o código html e procure o código "show header=true", e substitua novamente a palavra true por false e pronto.

        Para trocar a cor do seu plugin, substitua o "light" do código "color scheme=light" por "dark". fazendo essa substituição, o fundo do seu plugin ficará preto. 






13 comentários:

  1. Olá, boa tarde!

    Obrigada pela visita, amei..
    Fica na paz.
    Selia

    ResponderExcluir
  2. Olá, parabéns pelo post, consegui colocar o plugin no meu blog, deu certinho, obrigado valeu.
    Se quiser dar uma passada no meu blog, ele está em construção mais uma visita é sempre bem vinda hehe. abraço.

    ResponderExcluir
  3. Olá carissimo João Paulo

    Que bom que conseguiu colocar o plugin no seu site... fico muito feliz quando meus posts ajudam as pessoas a alcançarem o objetivo pretendido. desejo te muito sucesso com o site. quanto ao seu convite, pode deixar que faço te uma visitinha sim. me espera ai em breve...

    Bom final de semana meu caro

    Fernando

    ResponderExcluir
  4. eu entendi tudo menos a parte de colar no blog. onde eu devo colar? em que lugar do blog? por favor me ajuda...

    ResponderExcluir
  5. OLá carissima amiga Jéssica...

    Como vai vc... seja bem vinda ao meu blog... estamos aqui para ajudar e esclarecer duvidas.

    Bom... primeiramente, gostaria de mencionar a grande satisfação de tê-la aqui em meu espaço. com relação a sua dúvida. bom, creio que ela seja simples de se sanada e como resposta a você eu atualizei o post, exemplificando como colocar no blog o código. qualquer dúvida... estarei novamente a disposição por aqui.

    abraços

    agradeço muitissimo a sua visita e espero que volte sempre...

    até mais querida amiga...

    ResponderExcluir
  6. Muto Obrigado

    http://lookodepedra.blogspot.com/

    ResponderExcluir
  7. Encontrei seu Site nas pesquisas,segui o passo a passo e consegui colocar o Facebook no meu site.
    Obrigada.

    ResponderExcluir
  8. http://strangeeventss.blogspot.com.br/

    ResponderExcluir
  9. Oi Fernando, muito exclarecedoras as suas dicas. Parabens! Mas, ainda fiquei com uma duvida. Nao consegui encontrar os dois lugares ono HTML pra alterar a altura. A minha caixainha soh aparece duas fileiras, mesmo eu colocando um tamanho acima do recomendado. Li um post onde falavam q 457 x 370 era bom pra aparecer todas fotos, e tal. Ateh ficou bom na pg onde eu estava criando, mas qdo coloco no meu blog nao aparece tudo. Mais uma coisa. Vc sabe q plugin eh aquele onde a gente curte na pg do blog e aparece imediatamente a foto? Vi em varios blogs, sites, mas nao sei o nome dele.
    Desculpe o tamanho da pergunta!!!!kkkkkkkkkkkkkkkkk
    Ah, tenho um coment a fazert sobre essas imagens na lat esquerda. Atrapalha a leitura do post. Fica com Deus!
    Se puder responder via e-mail: nara_nubia1@hotmail.com

    ResponderExcluir
    Respostas
    1. Olá caríssima amiga Núbia Simões

      Em primeiro lugar, agradeço lhe de coração a visita aqui em meu blog. adorei teu comentário a respeito do meu post. gostaria que se fosse possível me indicasse exatamente o que está atrapalhando a leitura para que eu possa fazer os reparos no blog e facilitar a leitura. por favor, me informe exatamente o que é para que eu possa corrigir corretamente. agora, já, a respeito da tua dúvida, creio que ela seja bem simples de ser sanada, minha amiga. alias, veja que, até já atualizei o post acima por que percebi que a sua duvida pode ser a duvida de muitas outras pessoas tambem e que talvez nao tenham perguntado. e agradeço humildemente sua crítica bastante construtiva a respeito daquilo que esteja atrapalhando a leitura.

      Pois bem, mas vamos a resposta da sua dúvida minha amiga: - Para atualizar a altura da caixinha você deve procurar no html o código "height=340" e modificar o valor numerico dele para o da altura que você desejar. mas, atente-se que há dois códigos no mesmo plugin a ser localizado e modificado para que a altura seja modificada corretamente. se voce modificar apenas um dos dois a altura não será alterada.

      Agora, a respeito do tal plugin que você me perguntou, necessito de mais detalhes para saber de qual se trata, mas a principio acredito que esteja falando do "like box" afinal, esse, quando as pessoas curtem a foto aparece imediatamente. aliás, é justamente desse o qual o meu post acima se trata.

      Não se preocupe, vou enviar por e-mail sim essa resposta, embora, tenha respondido aqui no blog pra você.

      Excluir
  10. muito obrigado car valeu mesmo vc e muito foda. !!!!!!!!!!!!!!!!!!!!!!

    ResponderExcluir

Deixe seu comentário sobre o que você achou sobre este blog!!!

Categorias

Related Posts Plugin for WordPress, Blogger...