expr:class='"loading" + data:blog.mobileClass'>

Foto de perfil redonda + ícones de redes sociais

Olá meniiinas, tudo bem? Hoje estou começando um quadro novo, de dicas para blogueiras õ/

Como fui muito ajudada por algumas blogueiras que disponibilizaram materiais maravilhosos que me ajudaram muito por aqui, resolvi trazer algumas coisinhas pra vocês também. Quero que vocês comentem o que querem viu?! O que estiverem precisando, comentem que eu trago pra vocês ♥

Hoje vou ensinar vocês a personalizar o perfil de vocês. Era algo que sempre achei liiindo e imaginava que era dificil, mas não tem segredo! É super facinho.




Eu acho que a personalização do perfil da blogueira dá um ar muito mais profissional ao blog. E sou apaixonada pelas fotos de perfil redondas ♡ E o melhor é que você nem precisa mexer com html (pra quem ainda tem horror a essa palavra hahaha).

Antes de começar o tutorial, gostaria de dizer que aprendi esse tuto lá no blog da Renata Massa e o Follow Your Dreams que são umas fofas que vale a pena conferir! Lá tem váarios tutoriais legais, e são realmente blogs de se acompanhar todo dia *-*

Vá em layout e add um gadget na opção html. Depois, cole o código abaixo dentro da caixinha de edição do gadget:

<center>
<img src="URL-DA-SUA-FOTO" style="-moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px; width:300px; heigh:auto;" />
<br />
Descrição aqui
<br />
<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
</center>

Faça as devidas alterações. Acho que o link já é auto-explicativo, né? Lembrando que você precisa mapear a sua foto em algum site porque o que você coloca aí é a url da imagem (eu por exemplo, coloco as minhas no Picasa, mas existem varios outros sites que você pode usar). Qualquer dúvida é só perguntar aqui, que eu ajudo!

Vai ficar mais ou menos assim (como o meu):




Vou deixar aqui pra vocês alguns modelos de ícones das redes sociais:









E aí meninas, gostaram? O que mais gostariam de aprender? Mandem suas ideias e desejos ♥

Me ajude seguindo o blog!
É só clicar aqui ao lado, e fará uma blogueira feliz 

20 comentários:

  1. Linda, esse tutorial eh mto bacana <3
    Obrigada pela referencia!
    bjus Thay
    www.renatamassa.com

    ResponderExcluir
    Respostas
    1. Obriigada Reeh!! Fico super feliz de te ver aqui, aprendi muitissimo com voce! s2

      Excluir
  2. Adorei a postagem, dica super legal, parabéns!!
    O blog realmente fica com uma carinha mais profissional e concordo com vc na questão do html.
    Muito amor!!
    Bjss

    The Winter is Now

    ResponderExcluir
    Respostas
    1. Obg Milca!! Adorei seu blog tbm! Acho que rssas coisinhas dão um ar tão melhor pro nosso blog, ne? Que bom que gostou! :)

      Excluir
  3. Oi Thais! Amei o post, sua escrita é perfeita e seu blog é lindo! Super concordo com você, isso super profissionaliza o blog, pretendo colocar no meu.
    Beijos e ganhou uma seguidora!

    ResponderExcluir
    Respostas
    1. Esqueci de uma coisinha: Funciona no WordPress?

      Excluir
    2. Obg Lary Liindoona *-*Aah, to tão feliz de ter voce como seguidora s2
      Ate onde eu sei, funciona no wordpress sim Lary! Se nao der certo, me avisa que te ajudo, viu?
      Beijao gata!!

      Excluir
  4. Amo esse tipo de tutorial! Acho tão bonitinho e dá um toque a mais no blog né? <3

    Um beijo da May!
    quasetudocinderela.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Com certeza May! *-* Obrigada pela visitinha s2

      Excluir
  5. Amei seu blog , amo quando encontro blogs lindos com bom conteudo e fiquei mais feliz ainda porque voce e casada e evangelica !

    Beijos

    http://conversasfeminiinas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Estou apaixonada pelo seu blog tbm Tamires *-* Voce é uma liinda!

      Excluir
  6. Oi Thais, estou adorando seu blog, haha' e em questão das dúvidas,eu queria saber como se coloca a "caixinha" do Instagram ali na sidebar, se puder me ajudar, eu agradeço.Sucesso, bjs.

    http://ninicolecristina.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi Nicole! Já tem post aqui no Blog ensinando, você encontrou? :) Espero que tenha ajudado. Beijocas!

      Excluir
  7. Sem palavras... Seu blog é incrível.
    Eu consegui deixar a foto redonda mas a imagem das redes sociais nao aparece, o que faço?
    Bjus

    http://chamandochuva.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que ownt seu comentário! Desculpe a demora pra responder.. Estava dando um tempo do Blog.

      Florzinha, podem ser várias coisas. Mas você hospedou a imagem direitinho? Conseguiu resolver o problema? Qualquer coisa me manda um email que te ajudo <3

      Excluir
  8. Ameeei seu blog, é lindo e esse tutorial era tudo q eu queria hahaha. Queria saber uma coisinha, pode pegar URL da imagem do facebook?
    Beijocas e sucesso!
    www.blogmaisrosa.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Aaawn, obrigada Luisa *-* Eu acredito que possa sim! Nunca testei hospedar pelo face, mas não vejo como pode haver problema rs.

      Excluir
  9. estou a ter dificuldades com a foto. Ela fica redonda de lado mas em cima e em baixo fica direita. Será que me pode ajudar? Obrigada :)

    ResponderExcluir
  10. Seu post me ajudou muito, visitei alguns blogs encontrei somente como deixar a foto quadrada, estava louca pra deixar arredondada e com muito custo e sofrimento demorei mais encontrei o seu parabéens me ajudou pacas,,, beijooo

    http://todeboa-toatoa.blogspot.com.br/

    ResponderExcluir
  11. Olá, adorei a dica, porém fui fazer no meu blog e ficou com um fundo branco,como deixo ele transparente como o seu ? bjss

    ResponderExcluir