Rei do Bloguinho: Facebook

Mostrando postagens com marcador Facebook. Mostrar todas as postagens

Adicionando Gadget Curti Fan Page em seu BLog

O Facebook esta se tornando uma arma poderosa pra quem quer alcançar o máximo de visitas, pois todo mundo hoje tem uma página no Facebook, Então e claro que não iremos descarta esse Gadget.Quem disponibiliza esta versão e o Google, então e um pouco formal sem muito designer, mais sei que muita gente vai gostar por isso postei aqui.

Primeiro passo você deve acessar página de galeria de Gadgets do Google Clicando aqui, e depois clique em "Adicionar á sua página da web", como mostra a imagem abaixo;

Feito isso abrirá uma nova página, que não estou mostrando aqui por que ela e bem fácil de usar, nessa página você verá uma amostra do Gadget de como ele irá ficar no seu blog, e logo abaixo você tem algumas configurações a serem personalizadas conforme o seu gosto, como eu falei ele e bem simples.

Você vai colocar seu titulo, alterar a largura é altura, conforme onde queira colocar no seu blog, vai alterar as bordas, e para visualizar as configurações feitas por você e só clicar em "visualizar alterações" depois clique em "Obter código".Feito isso e só ir em "Layout" no seu Blog , "Adicionar um Gadget" e escolha a opção "HTML/javascript", em seguida e só clicar em "Salvar"

► Post Completo

Adicionar caixa de comentários do Facebook no Blog

Bom está dica estou colocando para aquelas pessoas que a caixa de comentário do blogger não está aparecendo como a de Julia Virginia do blog Impacto da Pedagogia Moderna, que me pergunta como adicionar outra caixa de comentários sem ser a do Blogger. Bom julia só encontrei essa infelizmente, espero que vocês gostem.

Bom antes de Tudo eu recomendo que façam um Backup do Template, para que caso de errado vocês terem um modelo salvo o template. Primeiramente vocês tem que obter o código ID, mais primeiro Clique aqui para ir a página desenvolvedores do Facebook, em seguida efetue seu login normal.

Nessa caixa de configuração digite um nome qualquer para o aplicativo, e insira a URL do seu blog e depois clique em "Create App", fazendo isso aparecerá os dados necessários para criação da caixa de comentários, que e somente a ID do aplicativo, por isso não feche a página por que vamos precisar dela logo após.

Agora vá no HTML do seu blog e procure por:

<data:post.body/>

E cole o código abaixo abaixo do trecho:

<b:if cond="data:blog.pageType == "item""> <div id="fb-root"/> <script> window.fbAsyncInit = function() { FB.init({appId: 'ID_DO_APP', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> <fb:comments/></b:if>

E insira a Id do aplicativo copiada onde esta marcado com vermelho no código acima. Feito isso e só clicar em salva, sua caixa de comentário deverá aparecer acima da caixa atual do Blogger para as pessoas que ainda estão. bom para retirar a caixa do Blogger e deixar somente a do Facebook basta ler as dicas a seguir.

para retirar a caixa e bem simples basta ir em "Configurações" e "postagem e comentários" e marque a opção "Ocultar" que fica em "Local do comentário" como mostra a imagem abaixo:

Bom pessoal espero que de certo em seus blogs, testei em um dos meus blogs deu certinho, qualquer coisa se tiver dúvida e só postar um comentário abaixo, mais aviso que essa caixa de comentário e um pouco pesada e deixa o blog meio lento, mas e opção sua colocar ou não. Abraço !

► Post Completo

PopUp do Facebook com Tempo Limitado no Blog

Acho que você já deve ter visto quando entramos em algum blog ou site, uma janela para o visitante curti no Facebook, bom esse recurso funciona com base no Script que foi criado por KaKiboh e Vanessa do Mundo Blogger foi quem adicionou o tempo limite para o recuro fechar automaticamente. (Devo todos os créditos a ela)

Veja o exemplo da imagem abaixo:

Veja aqui o Demo

Para instalar esse Script e bem simples; Acesse o painel do blogger vá em "layout" e clique em "adicionar um gadget" e escolha a opção "html/javascript" e cole o código abaixo:

<style> #fblikepop {background-color: #fff;display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200;-moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left;font-family: arial,sans-serif; font-size: 13px;} #fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush {cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;} #fblikebg {display: none; position: fixed;_position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;} #fblikepop #closeable {color: #333;float: right; margin: 7px 0 0 0;} #fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder { height: 60px; overflow: hidden;} #fblikepop #buttonArea { background: #F2F2F2; border-top: 1px solid #CCCCCC; padding: 10px; min-height: 50px;} #fblikepop #buttonArea a { color: #999999 !important; text-decoration: none !important; border: 0 !important; font-size: 10px !important;} #fblikepop #buttonArea a:hover { color: #333 !important; text-decoration: none !important; border: 0 !important;} #fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important; line-height: 22px; padding: 8px; background: #fff !important;} #fblikepop #counter-display {float: right; font-size: 11px !important;font-weight: normal !important; margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[ kakinetworkdotcom01username="NOME-DA-SUA-PAGINA", kakinetworkdotcom01title="Encontre-nos no Facebook", kakinetworkdotcom01time="12", kakinetworkdotcom01wait="0", kakinetworkdotcom01lang="br" //]]> </script> <script type="text/javascript" src="http://mundoblogger.webs.com/scripts/popupFBlikebox.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //]]> </script>

Atenção: os trechos que você precisa mudar são;
kakinetworkdotcom01username="NOME-DA-SUA-PAGINA" que e o nome da sua pagina do Facebook.
kakinetworkdotcom01time="12" que corresponde o tempo que irá desaparecer, você só precisar mudar o número 12 .

► Post Completo

Introduzir blog no FaceBook

O Facebook vem sendo uma das melhores redes sociais, por isso e bom usar o Facebook como ferramenta para aumentar as visitas do seu blog, então recomendo você também criar a sua página no facebook.

Para começar a criar entre Nesta Página. agora escolha a sua opção (recomendo que escolha a opção marca), depois que fizer as sua escolhas, só falta editar as alterações da sua página, adicionando a foto de exibição e e outras coisas como mostra a imagem abaixo:

Como mostra a imagem tem uma frecha indicando o menu para editar as configurações da página, depois de concluído e só clicar em Salvar, ai pronto já esta feito sua pagina no Facebook.

► Post Completo