Código para botões de notícias no final de cada post do Blogger.

Você está procurando um jeito de colocar aqueles botõeszinhos embaixo de cada post do seu blog, (Digg, Linkk, DoMelhor, DiHitt, Ueba, Rec6, EuCurti e assim por diante) para que as pessoas votem em seus artigos e com isso seu Blog fique mais conhecido?

Parabéns meu amigo, você encontrou o lugar certo!

Eu mesmo passei um bom tempo procurando o código que tivesse todos os botões que eu gostaria de ter e que ainda por cima me ajudasse na publicação destes artigos, até porque é literalmente um saco você fazer um-por-um desde o primeiro passo entrando em todos os sites de referências.

Uma grande ajuda veio do site do Gregori Pavan que postou o código original que acabei alterando depois. O código que ele passou, muito bom por sinal, colidia com as bordas do meu Blog e tive que encontrar um jeito de ajustar uma por uma para que as bordas desaparecessem sem desaparecem do resto do post.

Além disso queria também categorizar, afinal uma coisa são os sites de referência como Digg, Ueba, Linkk, Rec6 e afins, e outra são os sites de Bookmarks e Catalogos como Del.icio.us, BlogCatalog, BlogBlogs, Technorati entre outros.

Então vamos ao tutorial de como adicionar os botões ao seu querido Blog no Blogger:

1 - Logue no Blogger e clique na aba de Modelo (Layout).

2 - Clique em "Editar HTML".









3 - Clique na caixa "Expandir modelos de widgets".














4 - Procure dentro do código pela linha "div class='post-footer" como você pode ver na imagem abaixo.


















5 - Copie o código que está neste link (Clique aqui para copiar o código.) logo abaixo da linha "post-footer" que você acabou de encontrar, deve ficar como na foto acima.

6 - Clique em "SALVAR MODELO".

Todos as imagens de botões estão no meu Picasa Web, então não existe necessidade de mudar o link das imagens, mas se você quiser fazer isso não é má idéia mas vai dar um baita trabalho salvar todos as imagens em outro servidor e mudar todos os links na unha.

Não se esqueça de que o código que disponibilizei aqui está com alguns poucos settings para o meu Blog o Diariamente, seria bom você procurar pela palavra "diariamente" no seu código e trocar, onde somente for identificado a necessidade obviamente, por informações do seu Blog como é o caso do BlogBlogs que contém o ID do Diariamente.

Agora é só curtir seus novos botões e postar notícias a valer no seu Blog.

Fui!