Como Colocar Os Comentários Do Facebook Junto Com Os Do Blog

10 junho 2015


Oi meu amores, tudo bem com vocês?

  A pedido da linda Cryslaine Maier estarei ensinando a como colocar comentários do facebook agregado com os do blogger.
  Prestem muito atenção para fazer tudo direitinho, e vai dar tudo certo...
  Se você não mexe muito no html, e não é acostumada(o) sugiro que façam backup do seu template, caso der alguma coisa errada, voltar ao normal.

Então vamos ao que interessa.


  Vocês precisam está logado no seu perfil pessoal do facebook, depois acessem esse link: https://developers.facebook.com/apps
  Vai aparecer essa página, e clique em register as a developer.



Logo após, irá abrir essa página


  Marque a caixinha I accept the facebook platform policy e clique em continuar.

  Logo após vai aparecer outra janela para você colocar o seu número de telefone, e marque a opção que desejar para receber o seu código, e depois clique em continuar.
  Depois na outra janela pode clicar em pular, e na última janela clique em Done.
Feito isso, sua conta já está confirmada. Obaaaa



  Agora é hora de criarmos o aplicativo.
Na janela que vai abrir, clique em +criar novo aplicativo


Siga o que o que está pedindo, e no final você terá o seu ID do seu aplicativo.

  Como já fiz esse procedimento o meu aparece assim:
Para vocês que ainda não tem, aparecerá outro estilo, mas com o seu ID.
  Copie o número no bloco de notas, que vamos precisar dele.


  A parte mais fácil já foi feita, agora vamos mexer na parte que várias pessoas odeiam hahaha...
  No seu blog acesse a aba modelo, selecione editar HTML

  Aperte CTRL F e dentro da caixinha que vai aparecer você vai procurar esse código:

<div class='comments' id='comments'>

Abaixo desse código, você irá copiar esse outro código:

<div class='comments-tab' id='fb-comments'  onclick='javascript:commentToggle(&quot;#fb-comments&quot;);'  title='Comentários no Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comentários
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments'  onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);'  title='Comentários no Blogger'>
<img class='comments-tab-icon'  src='http://www.blogger.com/img/icon_logo32.gif'/>  <data:post.numComments/> Comentários
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='3' width='450'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Salve.

Depois localize </head> e antes dessa linha cole esse código:

<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='SEU ID' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}

</script>

Onde está escrito SEU ID, coloque o seu ID que foi gerado pelo o facebook.
Depois, salve.

Procure por:

]]></b:skin>

Acima dessa tag cole esse outro código:

.comments-page {background-color: #f2f2f2;}
#blogger-comments-page {padding: 0px 5px;display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

  Se você desejar. pode alterar as cores.
Depois é só salvar, e já está pronto... Terminamos ufa hahaha

Se tudo deu certo. Comemore :)

O meu ficou assim, e o seu?!



                        Moderar Os Comentários Do Facebook:

  Para quem deseja receber notificações em seu perfil do facebook.
Aperte CTRL F e dentro da caixinha que aparece procure por esse código:
<head>

Logo acima desse código que você acabou de achar, você vai colar esse código: 
<meta content='ID-APP' property='fb:app_id'/>

O que está em AZUL você vai colar aquele código gerado pelo o facebook, lembram?
Salve!

Acesse esse link: https://developers.facebook.com/tools/comments
  Clique em configuração/Settings.
  Agora, vai aparecer uma janela, coloque no campo MODERADORES, o seu nome do seu usuário do facebook.

  Chegamos ao fim obaaaaa, se tiver alguma dúvida deixem nos comentários que respondo o mais rápido possível :) 
  E se tiver alguma ideia para novos posts, novos tutorias, só deixar aqui embaixo nos comentários que farei com muito prazer!

                                            Big Beijos...




Dia dos Namorados: Ideias criativas e baratas para presentes

07 junho 2015

  Como vocês já devem ter percebido eu adoro participar de projetos, e venho apresentar o projeto blogagem coletiva na qual estou participando com várias outras blogueiras, adoro interagir com as gurias e principalmente com as minhas amadas leitoras(os). E vamos está postando 2x por mês, com o determinado tema, então fiquem ligadinhas nos acompanhando :) vou amar ter vocês aqui no meu cantinho! 
  E vou parando por aqui de tanta conversa, e vamos ao assunto que é o foco hahaha.

Então vamos lá conferir?


  Dia dos namorados chegando e você quer encantar o seu amado(a)? 
E você está sem uma grana para comprar um presente para seu amado?! Então esse post é para você mesmo que está lendo :) então continua lendo e vamos presentear os nossos amados (os).
 Trouxe várias ideias de presentes baratinhas que você mesmo pode fazer! 
  E qual é o homem que não gosta de receber um presentinho, mesmo que seja simples?! Hahaha principalmente da sua mina e para surpreender o seu namorado, marido que tal presentear com presentes feitos por você mesmo e multiplicar o amor de vocês.
  Resolvi trazer as inspirações em vídeos, pois vai ficar muito mais melhor para vocês estarem fazendo e ter menos dúvidas de como fazer.


  A linda Jana, fez essa linda caixinha, mais elaborada, e se você quiser incrementar mais alguma coisa. Podem optar por chocolates, mimos e o melhor de todos, coloca acessórios, cartinhas, coisinhas sobre o romance de vocês haha, nada melhor do que recordar as datas especias que vocês passaram juntos. E lógico emocionar o seu amor! 


  Adorei a ideia simples, baratinha e muito criativo e sem falar que é muito fácil de fazer.


  Adorei,  podem fazer uma simples declaração, mais que faça seu amor cair nas lágrimas haha, ou até mesmo um trecho da música que faz parte da história do amor de vocês. Deixe a criatividade fluir a cabecinha de vocês :)



  Achei bem legal essa ideia, baratinha e fácil de fazer. Vamos colocar a mãozinha para trabalhar e a cabecinha também porque 365 motivos para te amar não é fácil haha... Ninguém é perfeito, todos nós temos nossos defeitos né verdade?!



Não gostou das ideias, não achou legal?! Dou mais dicas para vocês haha :)

Jantar Romântico:



  Quem que não gosta de um jantar especial?! Se você está sem uma graninha boa para um jantar bem legal em um belo restaurante, não se preocupe. Você pode fazer isso em casa, e quem sabe com várias outras surpresas a mais. 
  Ei, não adianta você elaborar isso tudo, e você não estiver arrumada(o) para essa grande noite, se arrume para o seu amor, e se você é daquela que adora provocar, aproveita e vista um look bem sexy e quem sabe né, não rola um fresh back haha (Jack para de falar essas coisas menina).
  Se jogue na decoração romântica, ah e não se esqueçam daquelas velinhas, um bom champanhe e pétalas de rosas que não podem faltar. <3

Joguinhos:

  Se vocês são daqueles mais santinhos que tal uns joguinhos para animar a noite?! 
  Sugestões de joguinhos para animar a noite de vocês haha


  • Caça ao tesouro: Você dar dicas de como é o lugar e ele(a) tem que adivinhar.

Ex: Estou no lugar onde nos beijamos pela primeira vez em casa. Hahaha muito difícil né?


Quente ou frio: 

  Essa é bem legal, você esconde bem escondido o presente, quanto mais perto ele estiver, mais quente estará haha

Cestas: 

  Que tal presentear o seu amor com uma linda cesta recheada, de chocolates e quem sabe com um ursinho dentro para complementar, café da manhã deixe sua mente fluir.

  Então é isso pessoal, espero que tenham gostado das dicas... Um ótimo dia dos namorados, e que o amor de vocês cresçam cada dia mais!

E aqui deixo os links dos blogs das gurias que participam desse projeto comigo :)

reescrevendo gostos
crescendo aos poucos
make bluee
blog bolinhas rosa
blog das preciosas
papo giirls
                                         Big Beijos!