Como colocar borda entre a barra lateral e postagem! - Entenda

|

Tumblr_lwbduigkgs1r87h2qo1_500_large
Iremos ensinar hoje como colocar uma borda entre as postagens, e a barra lateral (sidebar), lembre-se que se utilizar dê os créditos!
Se você quiser que sua borda fique com efeito Dashed, como o exemplo abaixo, faça assim:

1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
E APÓS este código cole fazendo as alterações
border-left: 1px dashed #000000;
* No que está em azul altere o número para aumentar o tamanho da sua linha/borda. E no que está de rosa, altere a cor da sua borda.

E se você quer que seu efeito fique similar ao do Attitude Included, como na imagem abaixo, faça este tutorial:

1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
.main-inner .column-center-inner {
E logo APÓS este código cole fazendo as alterações:
 border-left: 5px solid #000000;
* No que está em azul, altere a largura da sua borda/linha, e no que está em rosa, altere a cor.
Bem fácil não é? Espero que vocês tenham gostado. Beijão

19 comentários:

Liah Sá disse...

Já sabia como faz, mas nã uso no CB =)
ótimo post!

Isabely Saccomani disse...

Perfeito, mas, eu tenho uma dúvida: eu queria saber como colocar a data do lado do título do post, por favor? *-* Amo o TAI, e o TTAI! ...
Beisos .*

Bia Souza disse...

Adorei o tutorial *--*, vou usar com certesa no próximo lay do blog!
mas queria saber como voce faz para colocar a barra de rolamento da pagina desse jeito! poderia fazer um tutorial?

http://lolli-pop-blog.blogspot.com

Jeff Bolton disse...

Muito bom o tutorial, pena que minha barra lateral são personalizadas por mim msm, não uso o código..
hehe'

Ecleticus

Place Fame disse...

Adorei! Vou usar no próxmo lay do PF.

Bab-álus Girls disse...

Que Tutorial Legal. Vou Repassar no meu blog. Mas os créditos serão totalmente seu !!

Blog tá lindo

http://chicretiililas.blogspot.com/
http://extras-babalus.blogspot.com/

Almost Fashion disse...

Usei ! Adorei o tutorial :)
Visita : Almostfashion-blog.blogspot.com

Jeu Dantas disse...

e pra quem usar coluna no lado direito?
voce faz layout personalizados ?

Ana disse...

nem achou o codigo, der<
no meu nao deu certo<

Karen Guzzatti Konig disse...

Oi flor ja estou usando
créditos aqui
->http://karenbarbiepink.blogspot.com/p/links.html

Raquel disse...

Oii!
Usei alguns tutoriais daqui para fazer o novo design do meu blog.
Adoro esse blog, irei creditá-lo na página de créditos.
Bjs, Raquel.

http://morethanaworld.blogspot.com

Maristela disse...

obrigada funcionou direitinho!
http://tudoparaorkutfeniniemasculi.blogspot.com/

Hellen Ferreira disse...

Obrigada pelo tuto, ficou ótimo no meu blog!

Maísa Gabriela disse...

Pegueeeeeeei Liinda
http://www.replaygirl.blogspot.com
Obrigada por me ajudar tanto!

Nathynhaaah disse...

Fucionou perfeitamente, vou creditar não só esse como os outros tutoriais que usei daqui. Beijos.
http://charmeteen-oficial.blogspot.com

Tubar tecnico disse...

boa dica :)!
tecnicotubar.blogspot.com.br

Daniela Carvalho disse...

USEI MAIS UM!!!

Kevilen Silva disse...

O meu ficou no lugar errado '-'
Mais eu consegui só não ta no lugar :(
kevileenilva.blogspot.com

Kevilen Silva disse...

Pus errado a url do meu blog haha/

é kevileensilva.blogspot.com