Este tutorial explica como adicionar alguns modelos de botões Google Buzz ao seu blog Blogspot.
Siga os passos abaixo:
Faça login no Blogger e no painel clic em “layout”. Em seu layout clic na aba “Editar HTML” e clic na opção “Expandir modelos de widgets”
CÓDIGO PARA EXIBIR ESTE MODELO
<div style='padding: 4px; float: right;'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinHigjw4kNRYHlv3x2NY5pg7yHN5LIWSOX_3UM_9wdEAhgXBgCyv1n2Zj12OShMkZDaX6nOLyEnCIg44efqFW7GuqL8kvDy7IRtNo2itnGa6pexxz8DfSYE1SAqKCzVLGJevIzn-V8fIvQ//' style='border:0px;'/></a>
</div>
<div style='padding: 4px; float: right;'><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'><img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhwmIXLw5aa3BKaJc9O0RKpvhF7N_MDvZ6xPQUe-tnIFDzd4aYaItt76vrdlzpxmyPtakdDUS3ofEv7Xx0GonKUCKCLtdgjisUzys3Y8fVBVBFMcbUK8_j8n2RRAOzLDwQPr8GYJBzy_Q//' style='border:0px;'/></a></div>
Escolha o modelo que mais te agrada, copie o código correspondendente. Procure em seu HTML o seguinte trecho:
<data:post.body/>
Cole o código imediatamente ABAIXO desse trecho para exibir o botão no início do post. Se preferir que ele flutue à esquerda, troque onde está escrito “right” por “left”.
Se quiser exibir o botão no rodapé do post, procure pelo seguinte trecho
<p class='post-footer-line post-footer-line-1'>
Cole o código do botão escolhido, ABAIXO desse trecho.
#dica►Repare no código e seguinte trecho: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhwmIXLw5aa3BKaJc9O0RKpvhF7N_MDvZ6xPQUe-tnIFDzd4aYaItt76vrdlzpxmyPtakdDUS3ofEv7Xx0GonKUCKCLtdgjisUzys3Y8fVBVBFMcbUK8_j8n2RRAOzLDwQPr8GYJBzy_Q//
Este é o endereço do ícone, então, caso você queira substituir por outro ícone mais a seu gosto, hospede no Blogger ou em um site tipo Tinypic e mude o endereço.Veja esse, por exemplo do Blogger Widgets
Ou este do Smashing Webs 2.0
Faça uma pesquisa e lembre-se de que sempre vale a pena ter opções para compartilhar conteúdo. Abraços!
2 comentários
Simples assim?
Querida você merece tdo de bom msmo pois com seus tutos super bem elaborados e sua dedicação vc nos ajuda e muito!!
Só temos o que agradecer!
Bom domingo pra você!
Bjos!
Amanda ♥
Obrigada pelo carinho.
Beijos
Postar um comentário
Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.