Botão do Pinterest sobre as imagens do blog

Hoje a dica é simples, rápida e muito útil para quem ama usar o Pinterest.
Se você ainda não conhece ou não sabe usar recomendo que leia:

Como usar o Pinterest 

Você vai se divertir!

Mas mesmo que você ainda não tenha um Pinterest pra chamar de seu alguns de seus leitores podem ter e esse recurso que vou ensinar pode ajudar na divulgação de seu blog pois ao pinar uma imagem sua o leitor envia junto com a imagem o link exato de seu post, e com isso você tem 2 ganhos principais:

1. Um link externo: isso é mega importante pois quanto mais links externos seu blog tiver mais chances de ser melhor indexado pelos mecanismos de pesquisa (Google em especial) ele tem. E blog bem indexado é o que todo blogueiro sonha...
2. Mais um canal de divulgação fácil de usar e simples de oferecer aos seus visitantes. Lembre sempre: quanto mais amigável seu blog for mais agradável será acessá-lo. Botões que podem ser usados em 1 clique ajudam muito!

Agora que já falei sobre o botão vamos implementa-lo em seu blog.
Acesse o painel do blog e clique na aba Modelo. A seguir selecione Editar HTML.
Localize esta tag de fechamento:

</body>

Você localiza a tag em questão assim: pare o mouse dentro da caixa de código. Teche Ctrl+F e na caixa de busca que abrir digite o termo procurado. Dê Enter. Prontinho, a pesquisa interna localiza a tag pra você!

Acima dela cole isso:


Copiar o código

No local indicado (AQUI O ENDEREÇO DE SEU ÍCONE) coloque o endereço do ícone que deseja usar. Ao final do artigo há imagens para você escolher.

Onde está escrito "topright' define a posição do ícone sobre a imagem.
No código o ícone do Pinterest está alinhado à direita, lado superior da imagem. Você pode mudar a posição dele trocando "topright" por:
"topleft" - Lado esquerdo na parte superior da imagem;
"bottomleft" - Lado esquerdo na parte inferior da imagem;
"bottomright" - Lado direito na parte inferior da imagem;
"center" - ícone no centro da imagem;

Não altere mais nada, não esqueça nem apague as aspas.
Salve as modificações.

Agora faça o teste: pare o mouse sobre qualquer imagem de seu blog e veja se o ícone aparece certinho.
Caso não goste ou tenha dado errado basta voltar ao código fonte de seu blog, localizar o código do botão e apaga-lo.

Abaixo deixo de presente algumas imagens com o ícone do Pinterest pra você. Clique sobre a que desejar salvar e ela abrirá em nova página; daí então salve-as em seu computador e use aquela que desejar para personalizar ainda mais o botão que inseriu.

Como hospedar uma imagem usando o próprio Blogger?

Faça assim:
Crie uma postagem 'falsa', que nunca será publicada, ficando sempre no rascunho.
Insira nela a imagem que deseja hospedar. Depois de concluir o upload da imagem clique sobre ela e com o botão direito do mouse copie o endereço, url ou link da imagem (o nome dependerá de qual navegador esteja usando); este é o endereço web de sua imagem.
Para saber o tamanho exato da imagem  abra a pasta onde a salvou, pare o mouse sobre ela e o tamanho aparecerá.