Saltar para: Post [1], Comentar [2], Pesquisa e Arquivos [3]

Ajuda Blogs

Um blog para esclarecer dúvidas sobre o SAPO Blogs.

Ajuda Blogs

Um blog para esclarecer dúvidas sobre o SAPO Blogs.

O que são widgets?

10.04.15

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="https://imagem.pt" alt="" />

 

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

 

 

 

Botão Gosto do Facebook

O código aqui apresentado, da responsabilidade do Facebook, pode já estar inoperacional. Lamentamos o inconveniente.

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.

 

 

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="https://fotos.web.sapo.io/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.

2 comentários

  • Imagem de perfil

    Pedro 10.11.2014

    Bom dia,

    consulte esta página de ajuda, por favor:
    http://www.w3schools.com/tags/tag_center.asp
  • Comentar:

    Comentar via SAPO Blogs

    Se preenchido, o e-mail é usado apenas para notificação de respostas.

    Este blog tem comentários moderados.