Tutorial: Imagem dos posts arredondadas


Navegando por aí em um momento total de falta do que fazer, achei um tutorial incrível e super fácil que deixa as imagens dos posts arredondadas, assim como as do Kyoou Teen! Quer aprender? Então vamos lá!

Abra seu blog, entre em designer, editar HTML, aperte F3 ou CTRL + F, e procure por:
 .post-body {

O trecho todo provavelmente vai estar assim:

.post-body {
  line-height: 1.4;
  position: relative;
}

Se tiver mais coisas, ou menos coisas fora isso, sem problemas. Continue normalmente.

Cole então esse código, depois da última chave ( { ):
.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
}

Ficará assim:


Visualize e se tudo estiver certo, salve. Se der errado, tente refazer. 
Espero que tenham gostado. Beijos ^^



17 comentários:

Unknown disse...

CONSEGUIIIIIIIIIIII *----*
vlw flor, agora meu blog ficou mais cute ainda.
HSUAHSUAHSUASHUAS

beijinhos ♥

Ingrid Ramires disse...

Ah esse tutorial é bem legal, já uso ele em meu blog ^^
http://blogdaingridzinha.blogspot.com/

Débora Morais disse...

ounn obrigada *-* hahaha beijinhos linda

Bikoti disse...

oooi ameii o tutorial você arrasou!
Não esquece da participar do concurso do Bikoti e só clicar AQUI E PARTICIPAR!
Aguardo você com sua participação!
#Bezos Rawr ----> www.Bikoti.com

Milláh disse...

isso deixa o blog bem cute *-*
bjs
Twitter | Blog

Maria Lua disse...

ótimo tutorial! Gostei!
http://perfeitateen.blogspot.com/

Karen Amanda disse...

Adorei o Tutorial, seu blog é lindo Parabéns!
visita meu blog http://betygiirls.blogspot.com/
Beijos

@KaarenAmandaa

DELUXE disse...

Este tuto eu ainda não tinha visto, adoreei!! *-*

Beeijos
Giovanna Lacerda
http://deluxemoda.blogspot.com/

Duda Lins disse...

ja peguei o link ^^

BLOG DA LYA disse...

Adorei o tutorial *-*
Beijos :*

http://leticiac04.blogspot.com/

Julia disse...

Bem útil, mesmo! Beijos =*

Cinthia Santana disse...

Retribuindo a visitinha! Amei o tutorial e seu blog mais ainda! Sou fã de blogs kawaii e que tem vários tutoriais como o seu! Bjs e sucesso!


#seguindo

cdiasblog.blogspot.com

Jéssica Silva disse...

Amei o Blog! Otimo tutorial, Sabe uma coisa que eu gostei e ainda não tinha visto em nenhum blog,
o seu ((•)) Com preguiça de ler? Ouça este post. nossa muito legal!
Bjos Flor
http://pinkgirlspfs.blogspot.com/

Dulcinéa Benevides disse...

Oi,Obrigada pela força!
Amei sei blog, muito lindo!
Ótimo tutoral.
seguindo aqui!
Retribui?
Beijos!
http://neiabenevides11.blogspot.com

Letícia ღ disse...

Oii, amei seu blog!Estou com um probleminha e não consegui te seguir ... poderia fazer uma visitinha no meu blog ? www.cachinhosdamel.blogspot.com

Fernanda disse...

Um tuto super útil!
Parabéns pelo seu blog,ele é seguindo.
Seguindo retribui?
Bjss
http://terminal-nanda.blogspot.com

Unknown disse...

Amei o tutorial :)

Bjs,
Giih!

http://blogdasmeninasblogueiras.blogspot.com

Postar um comentário