Perfil da blogueira com foto redonda e redes sociais!

terça-feira, setembro 06, 2016




Oi gente, tudo bem? No tutorial de hoje vou mostrar pra vocês como personalizar a parte da autora do blog. Lembrando que os créditos vão para a Renata Massa. O legal desse tutorial é que além de poder personalizar a foto e a descrição, vocês também podem colocar os links das suas redes sociais!  Então vamos começar?
O processo é bem simples, tudo que você precisa fazer é escolher uma foto, que será a de perfil, e hospedá-la em algum site online, para pegar o link. Eu recomendo o Picassa ou o Tinypic. Guarde esse url/link que você vai obter para substitui-lo no código daqui a pouco.

Crie um Gadget HTML:

Vá em Layout > Adcionar Gadget (escolha sua posição de acordo com o lugar que você quer que fique o perfil, para dar certo o ideal é a sidebar!) > HTML/JavaScript

Assim que a janela do gadget abrir, cole o seguinte código:

<center><img src="LINK-DA-FOTO-DO-PERFIL" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:240px; heigh:auto;" /><br />NOME E DESCRICAO DA  BLOGUEIRA AQUI <br /><center><a href="ENDEREÇO-DA-REDE-SOCIAL-FACEBOOK"><img src="URL-DA-IMAGEM-FACEBOOK"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-INSTAGRAM"><img src="URL-DA-IMAGEM-INSTAGRAM"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-TWITTER"><img src="URL-DA-IMAGEM-TWITTER"/></a></center></center>

Substituição no Código: 

Em "LINK-DA-FOTO-DO-PERFIL", coloque o link/url da sua foto. 
Em "NOME E DESCRIÇÃO DA BLOGUEIRA AQUI", fale um pouco sobre você. 
Em " ENDEREÇO-DA-REDE-SOCIAL-FACEBOOK", substitua pelo link do seu facebook. 
Em " ENDEREÇO-DA-REDE-SOCIAL-INSTAGRAM", substitua pelo link do seu instagram.
Em " ENDEREÇO-DA-REDE-SOCIAL-TWITTER", substitua pelo link do seu Twitter. 
 O mesmo padrão de substituição você vai usar para os espaços "URL-DA-IMAGEM.." e a determinada rede social. Isso quer dizer que você vai colocoar o link dos ícones de cada uma das redes sociais que você quiser nesse espaço, assim você pode colocar todas as que você tiver. Por exemplo, onde estiver "URL-DA-IMAGEM-FACEBOOK", você coloca um link/url de uma foto do ícone dessa mesma rede social. Ok? Depois disso seu perfil estará pronto! Qualquer dúvida é só escrever aqui nos comentários que eu respondo! 
Para ver e baixar os ícones das redes sociais veja um post clicando aqui! 



Você tamém pode gostar

0 comentários