Barrinha no blog!
Muitas leitoras perguntaram como eu fiz para colocar essa barrinha aqui do lado. É bem simples e super rápido, espero que gostem!
1- Vá em Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
2- E APÓS este código cole um dos dois tipos abaixo fazendo as devidas alterações:
Barrinha padrão: border-left: 4px solid #000000;
* No que está em azul altere o número para aumentar o tamanho da sua linha/borda, no que está de branco, altere a cor da sua borda e no que está em vermelho, é a posição, se quer que fique no lado direito, troque o " left " por right.
PS.: A borda do blog é a pontilhada, está em 1px e usa a cor #FF69B4
#FicaDica Recomendo que se você usar bordas arredondas no blog não usar a barrinha entre a área dos posts e a sidebar, usa-la do lado da área dos posts.
Todos os créditos ao blog Tutoriais Attitude Inclued (:
Personalizar titulo do post!
Personalizar titulo do post!
Outro tutorial muito pedido aqui no blog, personalizando o titulo do post para deixa-lo mais moderno.
Título centralizado
Vá em Design » Editar HTML » Dê Ctrl +F e proucure por:
h3.post-title {
E acrescente abaixo, este código:
text-align: center;
Caso queira o título alinhado à direita, substitua center por right.
Fundo colorido
Continue no mesmo trecho (h3.post-title {), e abaixo dessa tag cole o código abaixo:
background: #E4E4E4;
Se preferir, substitua #E4E4E4 por uma destas cores.
Divisória abaixo do titulo
Vá em Design » Editar HTML » Expandir modelos de widgets, e proucure por:
<div class='post-header'>
Logo acima dele, cole:
<div style="border-top: 1px dashed #707070"></div>
Entenda: 1px é a expressura da divisória, dashed é o modelo (pontilhado), você pode trocar por solid (linha reta) e #707070 a cor. Caso queira uma imagem, apenas adicione acima da tag este código:
<img src="LINK_DA_DIVISÓRIA"/>
Caso seu layout tenha duas tags iguais (o que não é tão comum), uma não vai funcionar quando você visualizar, para resolver o problema, cole acima da outra tag e torne a visualizar, se estiver tudo certinho, salve.
0 comentários:
Postar um comentário