Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

17.2.10

image
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




HTML

imageCÓDIGO PARA EXIBIR ESTE MODELO



<div style='padding: 4px; float: right;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://3.bp.blogspot.com/_4HKUHirY_2U/S3oMlK3qMcI/AAAAAAAAAxI/OUlZw-ZvtgA/wpbuzzer-google-buzz-big.png' style='border:0px;'/></a>
</div>

wpbuzzer-google-buzz-small CÓDIGO PARA EXIBIR ESTE MODELO

<div style='padding: 4px; float: right;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'><img alt='Buzz It' src='http://4.bp.blogspot.com/_4HKUHirY_2U/S3oMogIJp3I/AAAAAAAAAxQ/b14CTXtWYuk/wpbuzzer-google-buzz-small.png' 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 rightpor 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.

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

Amanda

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!

MamaNunes

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.