Como colocar fotografia rendonda, com "sobre mim" e redes sociais - Dicas para Bloggers

by - 14:14

Olá gente, mais um "Dicas para Bloggers"... hoje vou ensinar-vos a fazer uma coisinha gira para deixar o vosso blog mais bonito ainda. É muito fácil e vocês apenas têm que seguir todos os passos com calma. Html, códigos, não são assim tão bichos de sete cabeças... calma.

O que vos vou ensinar é isto que pode ver aqui em baixo que está dentro do rectângulo. (Ou como podem ver no meu blog.)
Na zona onde costuma estar o "sobre mim", com a vossa foto, pequena descrição, e os ícones que vão directamente para as vossas redes sociais. Vamos lá então? 


O código é este: 

<center>
<img src="URL DA VOSSA FOTO" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:240px; heigh:auto;" />
<br />
A VOSSA DESCRIÇÃO NOME,IDADE,CIDADE,EMAIL,ETC <br />
<center><a href="O LINK DO FACEBOOK DO BLOG"><img src="http://i68.tinypic.com/2rge0j8.jpg"/></a><a href="O LINK DO VOSSO INSTAGRAM"><img src="http://i65.tinypic.com/214c9oo.jpg"/></a></center></center>

Vocês apenas têm que alterar tudo o que escrevi em negrito. E escrever aquilo correspondente a vocês, claro. 
E agora? Onde vamos colar o código? Fácil.

(Os passos estão por ordem, identificando com 1, 2, 3, 4, etc...)




Depois de carregarem em "Guardar", já está! Espero que gostem! Beijinhos

You May Also Like

41 comentários

  1. Se todas as dicas fossem tão bem explícitas como este post, eu seria a primeira a dizer que os códigos HTML não são bichos de sete cabeças :)

    Vou já fazer uma pequena alteração no meu blog :)
    Obrigada mesmo!

    Beijinho,
    Lígia

    http://lifestyleandcompany.blogspot.pt

    ResponderEliminar
    Respostas
    1. Espero que gostes e que te seja util! Beijinhos querida e obrigada

      Eliminar
  2. Concordo com o comentário anterior: se todos os sites de codificação fossem tão simples como este post. Muito bem apresentável e explica muito bem. Eu faço a minha própria imagem redonda no PS ou AI, mas este post é uma grande ajuda para quem não sabe ou não tem acesso a estes programas.
    Muito bem :D

    ~ Carla'C

    Sorteio a 100 Seguidores - Clique aqui
    Coisinhas da Carla'C
    Facebook | Instagram

    ResponderEliminar
    Respostas
    1. Fiquei muito contente pelo feedback, obrigada mesmo! A minha intenção mesmo é ajudar quem não percebe nada disto! Beijinhos

      Eliminar
  3. Uma dica bem útil e muito bem explicada!
    Beijinhos,

    http://chocopink89.blogspot.pt/

    ResponderEliminar
  4. adoro posts informativos ;)
    xo, Ana Rita Leite

    WHITE DAISY blog

    ResponderEliminar
  5. Super simples! Explicas super bem e é tão fácil de compreender! Na altura em que criei o blog tentei e tentei e teintei colocar uma imagem circular mas bolas, estava complicado! Vou continuar atenta às tuas dicas ;)
    Beijinhos querida ❤
    MY FASHION ODYSSEY

    ResponderEliminar
    Respostas
    1. Ainda bem que gostaste linda... No inicio é normal. Depois é uma questão de muita pesquisa e hábito. Simm, está atenta. Quem sabe a próxima te interesse! Beijinhos

      Eliminar
  6. Amei a dica, você explicou super bem!!
    Beijoos. ❤
    http://amordeluaazul.blogspot.com.br/

    ResponderEliminar
  7. Obrigado por mais esta dica, acho que vou dar uma cara bova ao meu blog em breve :)
    Gulosoqb

    ResponderEliminar
  8. Adorei e vou colocar no meu já.
    Post novo no blog.
    Tem SORTEIO de macaquinho SUPER DIVO no blog Participe
    BLOG: Estilo.Quem tem?
    BLOG DA FILHOTA: Coisas de Meninas visite-a para incentivar por favor.

    ResponderEliminar
  9. Desconhecia esta tua rubrica mas acho TOP partilhares o teu conhecimento e de forma tão simplificada para quem se quer aventurar num novo blog!
    Beijinhos*

    ResponderEliminar
    Respostas
    1. Ainda bem que gostaste... espero que te seja util ou a outras meninas que precisem! Beijinhos

      Eliminar
  10. obrigada pelo comentário <3
    tens de fazer mais posts deste género! são super úteis para pessoas como eu, que não entendem nada de html :p

    www.pinkie-love-forever.blogspot.com

    ResponderEliminar
    Respostas
    1. A intenção é mesmo ajudar quem não percebe nada ! :D
      Beijinhos

      Eliminar
  11. É sempre bom saber, bom post. Ajuda imenso!
    beijinhos*
    http://belezacemlimites.blogspot.pt

    ResponderEliminar
  12. Estou sem computador, mas assim que o voltar a ter parece que vou fazer algumas alterações graças aos teus post's ... Obrigado!

    http://instantesimprovaveis.blogspot.pt/

    ResponderEliminar
  13. Sempre a ajudar tudo e todos. Isso é muito bonito da tua parte:)
    Gostei:) Beijinhos
    elisaumarapariganormal.blogspot.com

    ResponderEliminar
  14. Excelentes dicas e acho muito fixe da tua parte estares a partilhar estas dicas. Fico ansiosa para ver mais!

    Um beijinho,
    http://secretsofablondie.blogspot.pt/

    ResponderEliminar
    Respostas
    1. Ainda bem que gostaste querida! Só quero é que seja util para alguem mesmo... beijinhos

      Eliminar
  15. Que anjinho que caiu por aqui na blogesfera!
    Continua assim adoro as tuas dicas! Vou fazer isto logo que possa porque estou a precisar de mudar urgentemente o blog :)

    http://cruzetafeminina.blogspot.pt/

    ResponderEliminar
    Respostas
    1. Que querida! Muito muito muito obrigada, fico mesmo contente por te ser util! Beijinhos

      Eliminar
  16. Nossa,é bem simples e eu estava realmente querendo saber sobre isso x.x. Eu salvei o link e quando eu for começar a editar umas coisas que quero no meu blog,vou usar.
    Beijas,
    http://mundoperdidodacarol.blogspot.com.br/

    ResponderEliminar
  17. Post muito util :)

    http://quase-italiana.blogspot.pt/

    ResponderEliminar
  18. Baita dica, adorei!
    http://www.bolichodaguria.com/

    ResponderEliminar
  19. Falei que me foi útil ♥. Usei ele no meu layout novo e muito obrigada Jessica :3
    Beijas,
    Mundo perdido da Carol
    Fan page

    ResponderEliminar