Image Map

Borda nas imagens das postagens

|
Tumblr_l2vwjb9uy31qadcuro1_500_large
Hoje vou ensinar pra vocês um tutorial, super legal e fácil! É de como colocar borda nas imagens dos posts. O efeito fica como o das imagens dos nossos posts. Clique em Leia o Resto da Postagem para conferir o tutorial completo.
1- Vá até Design, Editar HTML, aperte CTRL+F (ou F3) e procure por:  ]]></b:skin>
E logo acima, cole:
.post img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; border: 1px solid #ccc;padding: 5px;}
Faça as alterações desejadas 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; - Você pode alterar para outro estilo de borda entrando neste site, ou retira-lo para sua borda ficar quadrada.
1px - Altere o valor de "1" para aumentar a largura da sua borda.
solid - Altere para Dashed (tracejado) ou Dotted (tracejado com bolinhas).
#ccc - Cor da sua borda. Você pode encontrar vários códigos de cores aqui.
Bem fácil não é? Espero que tenham gostado do post. Beeijos

24 comentários:

Erica Lima disse...

Muito obrigada por avisar que estava lá no PL. Olha que eu visitei varias vezes lá e não vi kkkkkk
Vou usar este tutorial *-*
Fica lindo nas imagens!
bjs

http://garotasederivados.blogspot.com/

Lívia.S disse...

Ah amei o tutorial, novo post la no meu blog, passa lá?
http://friends-friendsprasempre.blogspot.com/

Rebeca Araujo♥ disse...

oi Adorei O Se Blog E Seus Tutorias Graças A Eles Meu Blogger Ficou Lindo Estou me tornando seguidora do seu blogger
Se vc puder visite meu blog é www.diaryofadelayed.blogspot.com

vc tem muita criatividade
e se vc gostar do meu blogger segue ele
tchau amei seu blog

Unknown disse...

Adorei! Prabéns pelo blog, super perfeito !
meninadeall-star.blogspot.com

Fabio Correa Imoveis disse...

Hum,adorei! Agora faz tempo q eu não vi um tutorial tipo: colocar bordas no post,que nem o seu ^^ tem como fazer?

Post novo,confere? :D Beijoos :*

http://meianoite-br.blogspot.com/

Pâm disse...

Realmente dá uma diferença na fotinha né!? ^^
Estes tutoriais são sempre bem-vindos!

Bjinhos ;*

Pâm
http://chiqueatodaprova.blogspot.com

Louise disse...

gostaria de fazer uma parceria no meu novo blog? estou começando agora e não tive grandes metas, agradeço desde já >.< *-*

http://lugardophotoscape.blogspot.com/

Fernanda Zucolotto disse...

Olá,
Obrigada pela visita.
Eu acho esse tutorial super diferente, ele é muito fofo mesmo e parece que não, mas dá um destaque diferente que te chama para a foto, haha.
Tutorial super útil, aprovado!

Att,
Fernanda Zucolotto.
meianoiteequinze.blogspot.com

Anônimo disse...

Olá meu nome é Luan e meu blog está convidando o seu blog para participar!Espero te ver por lá!
www.fofocasda-web.blogspot.com

Dani Ribeiro disse...

Ah, fica fofo demais *-* Mas eu prefiro as imagens arredondadas só, sabe? Que nem como está no meu blog, haha.

Beijos, Danielle.
onthefame.tk

Marcinha disse...

Oi flor, obrigada por me indicar p tutorial <3
se precisar grita.
Beijos
TDiaryofteens.blogspot.com

Beatriz Andrade disse...

Ótimo tutorial, é bom que customiza os pequenos detalhes e faz o blog ficar ainda mais caprichado! Queria pedir um tutorial: como você faz para separar as colunas da barra lateral?

Beijos,
http://paraisodemenina.blogspot.com/

Cinthia Santana disse...

Amei o efeito! Adoro blogs que tem tutoriais e são bem bonitos e organizados como o seu! #seguindo

cdiasblog.blogspot.com

Rosane disse...

Seu blog é muito lindo e muito organizado.
Gostei muito do post ^^
Seguindo.

myway-mw.blogspot.com

Sabrina Machado - Mundo da Moda disse...

amei, já testei num blog de testes e vou usar no meu próximo layout! Bom, posso fazer um pedido de tutorial? (diz que sim, kkk) eu queria saber como faz essa bordinha ao redor do corpo da postagem, sabe esses pontilhadinhos? agradeço ^^ ahh, estou realizando um sorteio Mara em parceria com a thipos perfumes, o prêmio é um perfume a escolha da ganhadora, e o melhor: são colonias similares a fragrâncias importadas, não é demais? espero você lá!


Blog Mundo da Moda | Sorteio Thipos perfumes

kisses♥

Julia Maximino disse...

A Muito Obgg ajudou muito!

Rainhafashionista.blogspot.com

Thifany Gonçalves disse...

Amei, já até coloquei no meu blog e ficou lindo!
http://www.thifanygrgomes.blogspot.com/

Maísa Gabriela disse...

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

Maísa Gabriela disse...

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

Garotinha Girl disse...

Meuu ée eessee http://garotinha-girll.blogspot.com.br/

Bibs disse...

Florzinha amei seu bloog :3
Seguiindo segue de volta?

keepcalm-anddance.blogspot.com.br

Bezzus

Anônimo disse...

Coloquei no meu blog também, deu uma nova carinha! =D
Obrigada!
http://pinupinsana.blogspot.com

Anônimo disse...

usando (:

Unknown disse...

Useei e maal o post , obrigada '