Pode colocar textos, imagens e scripts a repetirem-se automaticamente no rodapé dos seus posts usando a funcionalidade Widgets (no menu Definições da área de gestão do blog).
Ao instalar um widget, o conteúdo do mesmo é repetido no rodapé de todos os posts. Se utilizar esta funcionalidade para instalar serviços externos, tome nota que isso pode aumentar o tempo que demora a carregar a página do seu blog. É por essa razão que recomendamos não utilizar mais do que 2 widgets.
Neste post mostramos como é possível adicionar os botões de alguns serviços externos ao rodapé dos posts. Os códigos e o seu funcionamento são da responsabilidade dos respetivos serviços.
Pontos de ajuda neste tutorial:
1. Uma imagem
2. Botão Gosto do Facebook
3. Botão +1 do Google+
4. Posts relacionados
5. Anúncios
6. Ratings
7. Outros widgets
8. Organizar widgets
9. Pinterest
10. Twitter
Uma imagem
Utilize este código HTML para colocar uma imagem no final de cada post.
Substitua o endereço começado por http:// pelo endereço da sua imagem. Se estiver a usar uma imagem alojada no SAPO Fotos, certifique-se de que usa o endereço direto da imagem (encontra esse link em Outros tamanhos, nas opções da página da imagem no SAPO Fotos).
Botão Gosto do Facebook
Para instalar uma versão do botão Gosto do Facebook no rodapé dos seus posts, cole o código respetivo num widget.
Botão compacto
Botão compacto com fotos de perfil (das pessoas no seu círculo de amigos)
*O facebook só mostra as fotos de perfil das pessoas que estão no círculo de amigos do visitante
Botão clássico (exemplo: está em uso neste blog)
Nota: se precisar, pode alterar as dimensões do botão, substituindo os valores de width (largura) e height (altura).
Botão +1 do Google+
1. Cole o código abaixo num componente da
Personalização Intermédia, no separador
Componentes (não se esqueça de o posicionar no separador
Posições).
2. Cole o código abaixo num widget.
3. Se precisar de personalizar mais a fundo as definições relativas ao botão +1 do Google, consulte
esta página do Google.
Posts relacionados
Estamos a rever a secção de ajuda deste ponto.
LinkWithin: por motivos técnicos do lado do LinkWithin, este serviço não é compatível com os nossos Widgets. Contactámos a equipa responsável pelo LinkWithin, para trabalhar com eles na resolução deste problema, e aguardamos resposta.
Anúncios
Pode instalar anúncios abaixo dos posts do seu blog usando a funcionalidade Widgets.
Só precisa de colar o código fornecido pelo serviço de anúncios para um widget.
Note que alguns serviços, como o AdSense, não permitem mais do que 3 anúncios por página. Por exemplo, se a página inicial do seu blog mostrar mais de 3 posts, o que acontece é que a partir do quarto post, só aparece um espaço em branco, onde deveria aparecer nova repetição do anúncio.
Ratings
O PollDaddy.com é um dos vários serviços existentes que fornecem gratuitamente a funcionalidade de "rating", que permite aos leitores pontuarem ou classificarem determinado post.
1. Para instalar esta funcionalidade, precisa de se registar em Polldaddy.com e escolher a funcionalidade "Ratings".
2. No código gerado pelo Polldaddy, copie o número identificador da sua conta (diferente para todos os utilizadores). A imagem abaixo assinala onde se encontra o número no código.
3. Introduza o seu número identificador no campo abaixo, para gerar o código que deve copiar nos Widgets. Depois de gerado, copie o código para um Widget.
4. Por fim, cole o código abaixo num componente da Personalização Intermédia (não se esqueça de o posicionar no separador Posições).
Outros serviços
Pode instalar outros widgets no seu blog para além dos exemplos que mostramos nesta página.
Se o widget que pretende instalar pedir que utilize um permalink, utilize o código [permalink].
Nos casos em que for necessário um item_id ou post_id, utilize a tag [post_id].
As tags [permalink] e [post_id] identificam o endereço e número específico de cada post, que os widgets podem utilizar para adaptar o seu conteúdo a cada post.
8. Organizar widgets
Pode fazer quebras de linha, basta envolver o texto ou código em <div class="widget"> </div>.
Para aumentar o espaço entre widgets (lembrete: não recomendamos ter mais de 2 widgets instalados, para não tornar a página lenta), cole este código na Personalização Intermédia, no separador Extras, no campo CSS Personalizada:
.widget {padding: 4px 0px 0px 0px;}
Pode aumentar ou diminuir os valores para mudar o espaço entre widgets.
9. Pinterest
Exemplo:
Copie este código para um Widget no blog, para permitir que os seus posts sejam "recortados" para o Pinterest.
10. Twitter
Exemplo:
1. Copie este código para um Componente na Personalização Intermédia (não se esqueça de o ativar no separador Posições).
2. Copie este código para um Widget no blog.
Nota: pode demorar alguns minutos até o Twitter atualizar o contador do botão com o número de tweets feitos a partir do post.
