Como alinhar o botão do Twitter com o botão do Facebook no Blogger

Escrito por brandy alexander | Traduzido por even star
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

O Twitter e o Facebook deixam botões disponíveis para que você possa adicioná-los em um site, como o Blogger, e dar aos seus leitores a oportunidade de compartilhar suas informações. Por padrão, esses botões são exibidos um em cima do outro em seu blog, o que pode ser um problema se você quiser economizar espaço da página ou desejar um layout mais atraente. Felizmente, o Blogger te dá a possibilidade de editar o código para que você possa colocar os botões alinhados horizontalmente em sua página.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Faça login na sua conta do Blogger e clique na guia "Layout" na página inicial. Clique no botão "Add Gadget" (Adicionar um gadget) em uma parte do seu layout, como a barra lateral, onde você deseja que o botão Tweet e o botão de compartilhamento do Facebook apareçam. Uma janela para "Add Gadget" será aberta.

  2. 2

    Clique no link "Basics" (Básicos) à esquerda e, em seguida, clique na opção "HTML/JavaScript". Cole o código dos botões na caixa de texto "Content" (Conteúdo). Se você não tiver esse código, vá para a página do "Tweet Button" (Botão do Twitter) do Twitter e para a página do Facebook para o desenvolvimento de "Plugins", siga as instruções em cada uma para configurar os botões e, em seguida, copie os códigos necessários para publicá-los em seu Blogger.

  3. 3

    Digite "<div style="float:left;padding: 4px;">" antes da primeira linha de código de um dos seus botões, e digite "</div>" após o código que termina o botão. Se o primeiro botão no caso é o botão do Twitter, o código será algo como: <div style="float:left;padding: 4px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </div>

  4. 4

    Clique no botão "Save" (Salvar) e, em seguida, clique em "View blog" (Visualizar blog). Se os botões não se alinharem, ajuste o número atributo para um valor maior ou menor e, em seguida, visualize a sua página novamente (por exemplo, <div style="float:left;padding: 2px;">). Salve o seu trabalho quando tiver terminado.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível