Pular para o conteúdo principal

Como alinhar o título da slidebar (barra de menu) do novo blogger


Nesse post estou atendendo ao pedido do amigo cláudio do site DownAge, primeira coisa a ser feita antes de começar o tutorial é fazer um backup, para poder voltar ao formato anterior caso você faça alguma coisa errada.
Para backup do template acesse:
1) Painel, 2) Layout, 3) Editar HTML, 4) Baixar modelo completo

Interpretação do pedido:
Como faço para centralizar o menu de títulos do template do meu blog, tem blogs com o template igual ao meu, só que com o alinhamento do título da slidebar centralizado, olha essa imagem link
ele modificou a barra de título da coluna e centralizou o nome.

Tutorial centralizando a slidebar da lateral do blogger:
1) No painel de controles do blogger depois de ter feito o backup descrito acima marque a opção:

Expandir modelos de widgets

1) Logo após clique dentro do quadrado onde se encontra o código do template do seu blog e precione a tecla (Ctrl) + (F) do seu teclado, para abrir a pesquiza.

2) Localize o trecho de código /* Sidebar Content , abaixo deste trecho, encontra-se o código que é responsável por toda a formatação da slidebar do blog, o qual pode ser um pouco diferente do mostrado abaixo.

Assim:

/* Sidebar Content

----------------------------------------------- */

.sidebar h2 {

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

3) Nesse trecho podemos alterar tamanhos, cores e margem do slide bar, mais para alterar o alinhamento é necessário acrescentar o trecho
text-align: center; antes do fechamento das chaves " }" ficando assim.

trecho modificado ----

/* Sidebar Content

----------------------------------------------- */

.sidebar h2 {

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

text-align: center;

}

Acima eu mostrei um exemplo centralizado mais você pode alterar a para

text-align: left; = alinhado a esquerda
text-align: right; = alinhado a direita

trecho modificado ----

4) Agora clique em salvar modelo e clique em visualizar e pronto pode curtir as modificações deseijadas.

----------
Agora para modificar a imagem que fica de fundo você vai ter que localizar o aquivo de imagem responsável e trocar o endereço da imagem, fazer isso em um tutorial é muito arriscado já que cada template usa um método diferente de exibir uma imagem de fundo no blog, mais no dicadedica a tag responsável é:

background-image:url(http:\\endereço_da_imagem.gif);

Já no template do meu outro blog essa tag simplesmente não existe mais pode ser acrescentada no trecho (1).

É isso, espero ter atendido ao pedido do Cláudio e de outros blogueiros aventureiros como eu e o Cláudio. Abraços e mandem perguntas, a medida do possível, vou atendendo a todas!!! Obrigado!!!



Gusto? Então copie esse post para seu Blog:



3 comentários

Postagens mais visitadas deste blog

I love ♥ You no Twitter Tabelas | Emoticons | Caracteres € Simbolos Visuåis ☻

♥☺☼ Usando caracteres especiais famoso no twittter, sabemos que uma imagem fala mais que 1000 palavras, e estes símbolos são de grande valia no twitter, já que com um twitter normal só podemos escrever 140 caracteres.



Digo normal porque tem um complemento para firefox chamado shortText.com informado pelo InfoDicas.com em que você pode colocar muito mais do q isso, é possível até mandar uma carta se você precisar.


Voltando ao assunto, temos abaixo a tabela dos quase "emotions" mais usados no twitter: para usar é só copiar e colar
Coração = ♥Espada = ♠Smile 1 = ☺ sorrindoSmiller 2 = ☻em negativoMusica = ♫Som = ♪Bom dia = ☼ solMina = ♀Macho = ♂Ouro = ◊três pontinhos econômico = …crucifixo = †vai e volta = « »Grana = $Certo = √Seta 1= ➤Seta 2 = ➜E não poderia faltar o simbolo do @dicadedica, o triângulo =∆ Agora você pode conhecer a lista completa e usar sua criatividade para enfeitar, enfatizar ou encurtar as suas twittadas.
Link direto para tabela completa e para instala…

Lista de ALIMENTOS INTEGRAIS Ricos em nutrientes e fibras

O processo de refinamento leva a considerável perda de nutrientes, restando praticamente só o amido (carboidrato). Para que tal amido possa ser absorvido, torna-se necessário á presença de vitaminas e minerais. Estas vitaminas, quando não fornecidas pelo alimento (que é o caso dos alimentos refinados) faz com que o próprio organismo se encarregue de fabricá-las. Levando o paciente a um quadro de empobrecimento vitamínico e mineral que proporciona o desequilíbrio do funcionamento do nosso corpo causando (cansaço físico, cansaço mental, eventualmente ocasionando gripes e resfriados constantes, gastrite, dores nos ombros, artrite...).

A alimentação moderna é composta de alimentos refinados, com conservantes, corantes, estabilizantes, aromatizantes e, além disso, são deficientes em fibras, vitaminas e minerais. Por isso, precisamos consumir alimentos integrais saudáveis como:

Alimentos integrais são aqueles que não passaram pelo processo de refinamento, são ricos em nutrientes como as fi…

Todas as Mutretas de GTA San Andreas

Seguinte pessoal, eu como um fanático por games, me sinto na obrigação de ajudar aqueles que não são tão habilidosos (hehehe... zoeira), portanto trago uma lista completa de mutretas para o clássico GTA San Andreas:

Mutretas: Restauração de veiculos/dinheiro/armas: R1, R2, L1, X, esquerda, baixo, direita, cima, esquerda, baixo, direita, cima.
Armamento enquanto dirige: cima, cima, quadrado, L2, direita, X, R1, baixo, R2, bola.
Suicídio: Direita, L2, baixo, R1, esquerda, esquerda, R1, L1, L2, L1

Super Salto: Cima, cima, triângulo, triângulo, cima, cima, esquerda, direita, quadrado, R2, R2

Vida Infinita: baixo, X, direita, esquerda, direita, R1, direita, baixo, cima, triângulo.

Magro: Triângulo, cima, cima, esquerda, direita, quadrado, O, direita

Musculoso: Triângulo, cima, cima, esquerda, direita, quadrado, O, esquerda

Gordo: Triângulo, cima, cima, esquerda, direita, quadrado, O, baixo.

Respeito máximo: L1, R1, triangulo, baixo, R2, X, L1, cima, L2, L2, L1, L1.

Fôlego Infinito: Baixo, esquerda, L…

CoinURL