Blog da Lya - Dicas, comportamento, música, artesanato e mais!: Tutorial: comentário do Facebook e do Blog ao mesmo tempo
Tutorial: comentário do Facebook e do Blog ao mesmo tempo
Eu acho que alguém já deve ter percebido hoje que os comentário daqui do PHANNY TEEN mudaram! Quer dizer não totalmente, mas foi acrescentado os comentários do facebook *-* Mas por quê? Porque simplesmente é uma maneira ótima de divulgar o blog através do face, já que o assunto da internet é redirecionado a ele. A parte boa que gosto desse código é que você não perde os comentários do blog♥ Ah! Sem esquecer de agradecer ao Dicas para blogs (recomendo) Quer ver só?
Primeiro você terá que ter o código ID do seu Facebook e não da sua Fan Page! Adquira acessando este site www
Agora vamos aos seguintes passos em seu blog:
Modelo - Editar Html - Ctrl+F ou F3 e procure por:
Irá aparecer duas vezes. Na primeira vez em que aparece, cole abaixo dele, o seguinte o código:
<img class='comments-tab-icon' src='http://i62.tinypic.com/16q87o.png'/>
<img class='comments-tab-icon' src='http://i57.tinypic.com/acu39y.png'/> <data:post.numComments/> comentário(s)
<fb:comments expr:href='data:post.url' num_posts='3' width='600'/>
vermelho: imagem do logo do Facebook
verde: imagem do logo do Blogger
violeta: largura do formulário de comentário
Visualize para ver se não deu erro em seu blog e, depois salve!
Se não der certo usando a primeira vez em que o código <div class='comments' id='comments'> aparece teste na segunda vez o mesmo código: <div class='comments' id='comments'>
e abaixo desse código, cole o mesmo código:
Você poderá alterar os seguintes itens:
vermelho é a url da imagem do facebook
verde é a url da imagem do blog
violeta você vai alterar a largura dos comentários como quiser
Não dará para ver o resultado clicando em visualizar, mas mesmo assim clique, pois assim você verá se aconteceu algum erro em seu blog. Se não deu nada de errado, salve!
Clique em Ctrl+F e procure por: </head> e acima dessa tag cole o seguinte código:
O que marquei de vermelho no código é do primeiro passo que eu lhe disse no começo do tutorial, e que eu pedi para você guardar, lembra? Pois é, você vai substituir o YOUR_FB_ID pelo código do ID do seu facebook que você guardou no início do post. Feito isso, salve!
Ctrl+F novamente e procure por: ]]></b:skin> e acima dessa tag cole o seguinte código:
.comments-page {background-color:#fffcfc;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #fffcfc;}
.comments-tab:hover { background-color: #fffcfc;}
.inactive-select-tab { background-color: #fffcfc;}
Ufa ... Esse foi o último passo!
• Lembrando que se você modera os comentários assim como o PHANNY TEEN modera, não irá acontecer com os comentários do Facebook, pois eles não são moderados, apenas as do blog.
• Sempre que alguém comentar irá uma notificação em seu Face.
Só para fazer foi mais de 1 hora escrevendo isso aqui kkkk' Só pra sair direitinho para vocês :D
Vida de Garota 10 março, 2012 16:26
Oi, fofa. Amei o tutu, muito legal. Tudo bem explicadinho do jeito que gosto! hihi
Bikoti 10 março, 2012 16:26
gostei do tutorial <3
Bikoti 10 março, 2012 16:56
e bom, esse tutorial por que tem gente que nao tem a conta do blogger, mais a conta do face.
BLOG DA LYA 10 março, 2012 17:25
Ah! Já ia esquecendo de comentar que Sempre que alguém comentar irá uma notificação em seu face.
Caprichadas Blog 10 março, 2012 17:37
Ei linda,segue de volta ?
Caprichadas Blog 10 março, 2012 17:38
Aaah,fui sua seguidora 500 <3
Unknown 10 março, 2012 22:15
Que ótimo! Bem legal essa de comentar pelo fb *O*
Vida de Garota 11 março, 2012 00:07
Obrigada por ter votado em mim fofa, se algum dia precisar pode contar comigo! ^^
Thayná Antonelli 11 março, 2012 10:25
adorei xará,vou juntar os meus quando reformar,aqui só tem tutorial bom,vontade de fazer todos de uma vez,haha *-*
Victoria Carvalho 11 março, 2012 14:42
Unknown 17 março, 2012 10:22
Obrigado por mais esse tutorial super útil! Deu super certo. Achei que ia ser complicado mas na verdade foi bem fácil!
Unknown 12 maio, 2012 02:29
Olá, gostaria de agradecer pelo tutorial e pedir para que me tire uma dúvida:
Quando eu faço o primeiro passo pra criar o App - colocando o nome do blog, selecionando a caixa abaixo e clicando em confirmar - aparece uma caixa assim "Host your site with Heroku", deixei o padrão - PHP e um e-mail meu - e cliquei em "Criar".
Mas quando eu tento sair da página pra pegar o App/ID aparece uma janela perguntando se eu quero sair da página sem salvar as alterações. Cliquei em não, coloquei o nome do meu blog, tentei salvar mas deu um erro assim:
glowing-mountain-7534.herokuapp.com must be derived from your Site URL or your Mobile Web URL."
Não tem problema isso? Desculpa pela dúvida meio complexa, mas já tentei de tudo pra colocar as caixas de comentário no meu blog e nunca consegui até hoje, tô até meio desesperado >.<