Colocar Botão do Google Buzz no Blog

Vamos mostrar como colocar no seu blog um botão para enviar suas postagens para o Google Buzz, esta que é uma das novidades mais comentadas recentemente. O Google Buzz é uma rede social parecida com o Twitter, permitindo o envio de links das atualizações dos seus blogs. Essa conta é integrada com o Gmail, portanto se já tem uma conta Google não há necessidade de criar uma nova.

Veja também nosso outro tutorial: Botão Google Buzz com contador

Não vamos detalhar as sobre como utilizar o Google Buzz nesta postagem para não misturar as coisas, mas se quiser informações podem ler dois bons tutorias feitos sobre o assunto feitos por Marcos Lemos (Ferramentas Blog) e Juliana Sardinha (Dicas Blogger). Então vamos ao assunto para permitir que seus visitantes enviem o link de suas postagens para o Google Buzz, entre na pagina editar html, clique para expandir o modelo e procure por: <data:post.body/> e coloque o código antes ou depois dele, isso depende se quer que o botão apareça no inicio ou final da postagem, é uma questão de gosto pessoal, o código funcionará perfeitamente em qualquer parte.

<a target='_blank' expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title+ "&srcTitle=Frases Curtas&srcUrl=" + data:blog.homepageUrl'><img src='http://img100.imageshack.us/img100/9738/googlebuzz.png'/></a>

Apenas precisa alterar o nome do blog onde está escrito Frases Curtas, pois foi neste blog que testamos esse código antes de publicar aqui, mas cuidado na hora de trocar o nome do blog para não apagar nada por engano senão o código não funcionará corretamente. Se visitar o Frases Curtas para ver o botão precisará clicar para ver uma das paginas individuais de alguma das postagens pois estamos utilizando o código publicado aqui anteriormente para mostrar um conteúdo diferente na página inicial do blog e nas paginas individuais.

Recomendamos salvar a imagem ao lado e hospede no ImageShack ou qualquer outro site de sua preferência, e troque o endereço dela no código pois se muitas pessoas usarem a mesma imagem por utilizarmos uma hospedagem grátis ela poderá ser excluída por ultrapassar os limites de uso.

Claro que se quiser você pode usar qualquer outra imagem no lugar ou mesmo usar somente um link de texto, para fazer o link de texto apague o trecho <img src='http://img100.imageshack.us/img100/9738/googlebuzz.png'/> e coloque seu texto no lugar . Espero que gostem de mais essa maneira de compartilhar e divulgar seu blog nas redes sociais.

Link desta página

18 Comentários:

Paulo Roberto disse...: Olá. Fabiano!
Tentei das duas maneiras, colocando o código antes e depois do trexo(cód.) indicado . Fiz tudo com muito cuidado, depois de ter hospedado a imagem no Images shack, que é o site de hospedagem que também uso, e de ter substituido Frases Curtas por Dicas e Curiosidades. Não enterndi porque não funcionou em meu blog.
Um abraço; 13 de fevereiro de 2010 10:41
Alexandre Brendim disse...: Bacana, vou usar...ele tem a ver com o Buzz do Yahoo?; 13 de fevereiro de 2010 11:39
Fabiano Roberto disse...: Paulo Roberto
vou testar em outro blog, mas está tudo normal

Alexandre Brendim sim é parecido com o do yahoo, alias parece que copiar idéias não é coisa só de blogueiros, até os grandes sites fazem; 13 de fevereiro de 2010 15:46
Anônimo disse...: Olá Fabiano Roberto...Me chamo Xemma(Apelido). Há muito tempo eu acompanho o dicasparablog, desde quando ele ainda era apenas um blog. Desde então, nunca me manifestei para lhe fazer uma pergunta, porque suas explicações são super, hyper detalhadas, compreensíveis e de fácil acesso, que eu nem vejo precisão...Entretanto, dessa vez chegou o dia que surgiu uma dúvida que eu vejo que realmente é preciso.

Esses dias fiz uma varredura por toda a web, procurando desesperadamente um código para inserir no meu blog, que me ajudasse a enterrar de vez uma coisa que eu quero fazer já algum tempo.

Bem, estou a procura de um código que faça mostrar apenas poucas postagens por página no menu “Arquivo” do blog, aquele em que você seleciona o mês e vê todas as postagens publicadas em uma “única pagina”! Eu preciso desse código para mostrar apenas 4 ou 5 postagens no mínimo por página, para que toda vez que alguém for no menu arquivo e escolher o mês pretendido, veja apenas quatro postagens ou cinco por página, pois assim a página carregará mais rápido.

Já pensei até em excluir o menu “Arquivo” de vez, mais andei lendo vários comentários pela web, se eu fizer uma coisa dessas, não mais aparecerei no buscador do Google, como se meu blog se quer existisse.

Gostaria muito, que humildimente você me ajudasse com isso, pois é muito chato você escolher por exemplo – Janeiro de 2009, e derrepente entrar numa página que exibirá todas as postagens publicadas no decorrer daquele mês de uma vez só...Ou seja, tem imagens que travam, videos que demoram a carregar e etc; Por conta desse detalhe.

Por favor, mais uma vez peço-lhe sua humilde ajuda, pois não achei nada relacionado a isso pela net, a única coisa que encontrei foi como mostrar menos postagens por categoria, tipo – Filmes(Eu clico nele e abre uma página exibindo apenas quatro postagens), assim a pagina abre mais rápido...

Abraços e fike k Deus meu amigo e continue sempre assim, levando esse site ao sucesso com suas dicas, elas realmente são “10”!!!!!; 14 de fevereiro de 2010 01:41
Fabiano Roberto disse...: Anônimo
infelizmente não sei como resolver isso, as paginas de arquivos mostram um numero automatico de postagens, não sei como mudar isso.; 14 de fevereiro de 2010 18:14
Anônimo disse...: Olá Fabiano...sou eu, o Xemma de novo!!!
Seguinte - Se eu te passar o código que encontrei que serve apenas para mostrar poucas postagens, você poderia tentar modificá-lo para ver se ele funciona com o "Arquivo" também...
Eu consigui inseri-lo nas tags e deu certo...Só mostra 4 ou o tanto de postagens que a pessoa quiser por página!!!
Abraços...Aguardo resposta!!!!!!!!; 14 de fevereiro de 2010 18:34
Fabiano Roberto disse...: escreva para nosso email fabiano1404@yahoo.com.br e mande o código, vou tentar adaptar para usar nos arquivos; 14 de fevereiro de 2010 18:46
Emilly disse...: Você acaba de ganhar um selo visite meu blog e pegue
http://emillylohaine.blogspot.com/; 14 de fevereiro de 2010 23:18
FAMOSAS E FAMOSOS disse...: Muito bom todos seus tutorias,alias bom ñ otimos!!
parabéns!!; 15 de fevereiro de 2010 04:41
denis disse...: Seu blog é demais mau sai o google buzz e vcs ja criam o botão do google buzz um blog = a esse só o ferramentas blog mais seu blog é bom demais
muito obrigado pelas dicas quem ve seu blog uma vez volta todo dia; 16 de fevereiro de 2010 22:57
planetadobem disse...: Fabiano
tem como fazer o botão aparecer somente quando abrir uma postagem igual o que se usa para o retweet e não em todas as postagens na página inicial.
Valeu
Cleisson; 21 de fevereiro de 2010 03:51
Fabiano Roberto disse...: planetadobem

é possível fazer isso com o botão do google buzz, veja neste link como mostrar conteúdo diferente nas paginas do blog; 21 de fevereiro de 2010 13:32
Willy Wesley disse...: muito bom pra quem quer colocar ele igual o do twitter pode coloca ele em uma div; 22 de fevereiro de 2010 08:55
Wilton Pinheiro disse...: Coloquei no meu blog o Botão do Google Buzz, acontece que seguindo as instruções de um blog de ajuda, ele ficou em cima da postagem, solicitei ajuda do blog para modificar a posição pois queria na coluna lateral, já que o meu template só tem duas colunas, não tive nenhum retorno. Como posso fazer então essa modificação.; 10 de abril de 2010 21:46
Fabiano Roberto disse...: Wilton Pinheiro
você quer na coluna lateral(sidebar)? então tem que colocar o código como um gadget, html/javascript; 11 de abril de 2010 00:01
Natália disse...: Fabiano... Na guia "Compartilhar" logo acima do cabeçalho existe a opção Google Buzz. O que quero saber é se esse Google Buzz que aparece é o mesmo endereço que esse do seu código?
Meus posts são direcionados por ele, mas somente as primeiras frases do post aparecem. Quando recebo seus "Buzzes" as postagens veêm completas, inclusive com as suas imagens.
O que pode estar errado?; 24 de janeiro de 2011 09:32
Fabiano Roberto disse...: veja aqui o botão oficial do site google buzz

Botão Google Buzz com contador; 24 de janeiro de 2011 14:13
valdecio disse...: Xemma é mesmo um anônimo ou e´mais um truque de blogueiro para chamar atenção?sabe que eu também já pensei em fazer isto,é só fazer uma pergunta anônima que possa gerar interesse dos outros visitantes,fazendo com que outros tenha interesse em responder e assim gerar mais trafego.para com isto,que coisa feia,porque alguém seria anônimo para uma pergunta tão simples ?; 23 de abril de 2011 10:37

Melhores Dicas para Blogueiros

Colocar Botão do Google Buzz no Blog

18 Comentários:

Postar um comentário