Como centralizar uma lista de links no Blogspot

Escrito por adrian grahams Google | Traduzido por vinícius albuquerque
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como centralizar uma lista de links no Blogspot
Personalize o visual da lista de links do seu blog centralizando o gadget (Thinkstock Images/Comstock/Getty Images)

Com o gadget "Lista de links" em blogs do BlogSpot (agora chamado de Blogger), pode-se exibir uma lista de links para suas próprias postagens ou páginas de sites e blogs externos em uma coluna lateral do seu blog. Por padrão, o Blogger exibe uma lista de links justificada à esquerda e não é possível alterar seu alinhamento com a ferramenta de configuração do gadget. Para centralizar a lista de links, utilize uma solução alternativa para editar o código de design do gadget na página de código HTML do leiaute.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Acesse sua conta no Blogger. Role a página até a lista de blogs exibida na página do "Painel".

  2. 2

    Clique em "Design" nas opções do menu abaixo do título do blog que tem o gadget "Lista de links" que você deseja editar.

  3. 3

    Clique em "Editar HTML" na barra de menu "Design", na parte superior da página.

  4. 4

    Clique e ative a caixa de seleção "Expandir modelos de widgets" na seção "Editar HTML".

  5. 5

    Role a página até o código HTML "]]> </b:skin>" do modelo. Encontre rapidamente utilizando a função de busca do seu navegador, que pode ser acessada através da tecla "F3" do seu teclado.

  6. 6

    Cole o código a seguir imediatamente antes de "]]> </b:skin>":

    LinkList1 {

    width:300px; margin:0 auto; }

  7. 7

    Clique no botão "Visualizar", próximo à parte inferior da página para ver como ficou a lista de links. Clique no botão laranja "Salvar modelo" para implementar e publicar as alterações no seu blog.

Dicas & Advertências

  • Antes de editar o HTML do seu blog, é possível baixar uma cópia de segurança do leiaute atual para o disco rígido do seu computador, clicando no link azul "Baixar modelo completo" no quarto passo.

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