Guia de sugestões de Postagens | #DicadeBlogueira

Gente, tudo bem?!

Vou dividir com vcs uma coisa que acabei de descobrir sem querer! Rsss

Eu sempre quis colocar essa guia de sugestões de posts no meu blog, mas não sabia. Aí, estava vendo o Blog Pequenos de Jesus e cliquei no link abaixo da guia, que me levou para o site que adiciona o widget. E o bom foi que deu certo! kkkk Vejam como ficou:

Foi nesse link circulado que cliquei! Hahahaaa

Acho bem interessante aparecerem essas sugestões (Poderá também gostar de:), pois assim, quem entra no blog pode ver mais postagens com assuntos relacionados a sua pesquisa. Vamos lá para o passo a passo:

Link inicial http://www.linkwithin.com/learn?ref=widget# ;

Essa é a primeira aba. Nela você preenche os dados do seu blog e clica com GET WIDGET;

Depois aparece esse aba onde explica todo o processo. Você clica em INSTALL WIDGET (No número 1, esse link azul da primeira linha a baixo do título);

Aqui você escolhe o blog que quer aplicar, eu tenho três, por isso apareceram opções. Depois clica em ADICIONAR WIDGET;

A página seguinte é a do seu blog. É só clicar em salvar alterações e pronto!

Eu gostei do resultado, lembre-se sempre de conferir esses de links que encontramos em alguns sites, pois você pode destruir seu blog com sites mal intencionados, mas esse peguei de um que é de confiança, por isso me arrisquei.

Espero que possa ajudar!
Um grande beijo e a paz do Senhor Jesus!

Como colocar os comentários do facebook no Blog?? #DicadeBlogueira

Olá!

Hoje vim trazer uma dica de blogueira pra vocês!

Através desse vídeo consegui colocar os comentários do facebook no blog!

Esse é o site q ele usa:

https://developers.facebook.com

Tags usadas:

--------------------------------------------------------------------------------------------
procure pela tag ( <div class='comments' id='comments'> )

(pode existir duas dessa tag então cole o codigo depois da segunda tag caso no final não de certo cole depois da 1ª)

INSIRA O CODIGO ABAIXO

    <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://home.vef.gov/images/Facebook_Icon_2.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='5' width='450'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

--------------------------------------------------------------------------------------------
agora procure pela tag ( </head> ) e cole o codigo abaixo antes dela

    <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='SUA_ID' property='fb:app_id'/>
    <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>

--------------------------------------------------------------------------------------------
depois procure pega tag ( ]]></b:skin> ) e cole o codigo abaixo, antes dela

    .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;}

---//-----------//----------//------//--------//------//------//----///--///----------------//---------------//

Para conhecer o canal no Youtube Blogger Plus

Eu juro que é fácil!
Se eu consegui, você também consegue!

Bjos!!!