Saltar para: Post [1], Comentários [2], Pesquisa e Arquivos [3]

Ajuda

Um blog para tirar dúvidas sobre o SAPO Blogs. Se não encontrar a sua dúvida, deixe um comentário em qualquer post.

Ajuda

Um blog para tirar dúvidas sobre o SAPO Blogs. Se não encontrar a sua dúvida, deixe um comentário em qualquer post.

O que são widgets?

O que são Widgets?

Um widget pode ser um texto, imagem ou código, que aparece repetido no rodapé de todos os posts. Pode instalar Widgets na página Layout do menu Template.

widgets.jpg

Nota: utilize os Componentes Personalizados, se só pretende instalar um contador ou outro serviço externo que só deve aparecer uma vez na página do blog.

 

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. Colocar uma imagem nos Widgets

2. Botão Gosto do Facebook

3. Posts relacionados

4. Anúncios

5. Outros serviços

6. Pinterest

7. Twitter

 

 

Colocar uma imagem nos Widgets

Utilize este código HTML para colocar uma imagem no final de cada post.

 

<img src="http://imagem.pt" alt="" />

 

Substitua o endereço começado por http:// pelo endereço da sua imagem.

 

 

 

Botão Gosto do Facebook

Cole o código num Widget, na área Widgets dos posts da página Layout (menu Template).

 

Botão compacto

<div class="widget"><iframe src="//www.facebook.com/plugins/like.php?href=[permalink]&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=190843424334905" style="border: none; overflow: hidden; width: 130px; height: 21px;" width="320" height="240" scrolling="no" frameborder="0"></iframe></div>

 

Posts relacionados

O SAPO Blogs disponibiliza um widget chamado Posts sugeridos, que apresenta sugestões de conteúdos dentro do blog. É gratuito e fácil de ativar. Saiba como ativá-lo.

 

Em alternativa, pode instalar um widget externo que forneça a mesma funcionalidade. O Outbrain fornece um widget que, uma vez instalado na página do blog, apresenta recomendações de outros posts do blog.  O widget é gratuito, mas precisa de se registar em Outbrain.com antes de seguir as instruções abaixo e, tal como o widget do SAPO Blogs, também apresenta recomendações de conteúdos externos.

 

Instruções para instalar o widget do Outbrain:

1. Dirija-se a Get Outbrain Widget e selecione o tipo de recomendação que pretende que apareça abaixo de cada post (só texto ou com imagens dos posts).

2. Na parte "Choose your platform", escolha a opção Javascript.

3. Introduza o endereço do seu blog e a língua em que é escrito.

4. Depois de gerar o código, copie o código fornecido e troque a parte relativa a DROP_PERMALINK_HERE por [permalink].

5. Dirija-se à área de gestão do seu blog, ao menu Template, à página Layout. Na área Widgets nos posts, crie um novo widget e cole o código do ponto 4.

6. Passo opcional: ainda na página Layout, crie um novo Componente Personalizado (na coluna lateral ou no rodapé da página) e copie para lá o segundo código fornecido pelo Outbrain (começado por <input type...).

 

O funcionamento deste widget é da total responsabilidade do Outbrain. Para dúvidas ou reportar problemas com esta funcionalidade deverá contactar a equipa de apoio ao cliente do Outbrain.

 

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.

 

 

Outros serviços

Pode instalar outros widgets no seu blog para além dos exemplos que mostramos nesta página.

Se lhe for pedido 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.

 

 

 

Pinterest

Exemplo:

 

Copie este código para um Widget no blog, para permitir que os seus posts sejam "recortados" via Pinterest.

 <div class="widget"><a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img src="http://c10.quickcachr.fotos.sapo.pt/i/off088115/10511685_RtfHe.jpeg" alt="" /></a></div>
 

 

Twitter

Exemplo:

 

1. Comece por copiar este código para um Componente Personalizado, na página Layout.

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 

2. Por fim, copie este código para um Widget, na página Layout, na área Widgets nos posts.

<div class="widget"><a class="twitter-share-button" href="https://twitter.com/share" data-url="[permalink]" data-lang="pt">Tweetar</a></div>

 

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.

 

101 comentários

Comentar post

Pág. 1/4

Dúvidas mais frequentes

Segurança e Privacidade

Personalização

Subscrever por e-mail

A subscrição é anónima e gera, no máximo, um e-mail por dia.