Como centralizar meu menu de navegação via CSS no Blogger

A plataforma de weblogs do Blogger do Google fornece uma opção para criar até 20 páginas separadas que podem ser navegadas usando as guias organizadas na parte superior do seu blog. Por padrão, as guias que representam suas páginas do Blogger estão alinhadas à esquerda, mas sua posição pode ser alterada pela configuração do CSS que compõe seu site. O CSS padrão da Web não inclui um valor "central" para alinhar os DIVs em uma página, mas o elemento de guias no site do Blogger pode ser configurado para que apareça no centro da página.

1

Fique on-line no Blogger.com e faça login na sua conta para acessar o painel da sua conta do Blogger.

2

Clique em "Configurações" ao lado do blog que você deseja editar no seu painel.

3

Selecione a guia "Design" e clique em "Editar HTML" para exibir o CSS e HTML que compõem seu blog.

4

Role para baixo até “* / Tabs” e encontre o elemento “.tabs-inner .widget ul” listado abaixo.

5

Destaque o valor após “margin-left:” e digite “350px;”. De um modo geral, os sites do Blogger têm aproximadamente 800 pixels de largura, portanto, 350 pixels devem ser suficientes para centralizar a navegação nas páginas.

6

Clique em "Visualizar" para abrir uma nova guia, exibindo as alterações feitas no CSS. Se a navegação das páginas não estiver bem centralizada, volte ao elemento “.tabs-inner .widget ul” e altere o valor “margin-left” de acordo.

7

Clique em "Salvar modelo" quando terminar de fazer as alterações na navegação do Blogger.