Dois tutoriais para seu blog (:

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 pontilhada:  border-left: 1px dashed #000000;  

  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!

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.

Todos os créditos ao blog Extras Place Fame (: