#Tutorial: Perfil com foto Redonda
Tudo bem com vocês? No post de hoje eu irei ensinar a colocar no Perfil foto Redonda, com a descrição e icones de Redes Sociais, ele fica super lindo no blog. Veja como é...
 |
| Creditos: http://www.renatamassa.com/ |
Confira o tutorial ....
Então vocês irão pegar a imagem e hospedar no Picasa, (lembrando que vocês não irá precisar a mexer no HTML do Blog). Então va no Layout>Adicionar Gadget> HTML/Java Script, e depois cole esse codigo.
<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>
Para facilitar pra vocês as partes que tem que alterar ( colocar os links) está em negrito.
Substitua onde tem Link da Foto do Perfil pela URL da sua foto
Onde tem: Nome e descrição da Blogueira: Substitua por um resumo sobre você.
Onde tem Endereço da rede social: você substitui pelo seu link exemplo: www.facebook.com/seuface
E onde tem URL da Imagem Facebook: você coloca o link da imagem que você deseja...
Assim acontece para as outras redes sociais.
Se vocês quiser alguns icons para colocar nas Redes Sociais Clique Aqui.
Creditos:
Beijos Ate o Próximo Post ^^
Deixe sugestão de tutorial nos cometários!
Gostei muito e acho que vou usar no meu blog :))
ResponderExcluirhttp://nekasecrets.blogspot.com.br/
Oie Yuri, obrigada pelos creditos... Tenho prazer de sempre conferir as Origens de Trafico do meu blog e saber de onde vem o publico... por esse motivo conheci seu blog, diga se de passagem super organizado. Gostei da estrutura do layout, parabens!!!
ResponderExcluirE claro ja estou seguindo!
www.renatamassa.com
Ja chego te incomodando... tem como voce fazer um tutorial ensinando a fazer o menu do seu blog... tipo quando passamos o mause aparece uma umagem ?
ResponderExcluirObrigada!!!
Vou da uma conferida nos tutoriais que rola por aki!!!
Oie Renata, que honra você aqui no Sugoi, irei postar sim é quando postar pode ficar tranquila que irei te marcar no post.
ExcluirBeijos Yuri
Bom, quero compartilhar minha felicidade, rs...
ResponderExcluirEu consegui com seu tutorial!! UhuU. Agora falta o bendito cabeçalho. \o/
Esse tutorial foi muito esclarecedor, meus parabéns. Seguindo você. :)
Gostei só ficou uma dúvida em relação a foto se precisa de algum programa para arredondar ou se vai "sozinho" mas vou tentar :)
ResponderExcluir