27/03/2016

| |

Perfil do blog com foto arredondada e Redes Sociais.

Nesse tutorial, você aprenderá a colocar de forma bem fácil a foto arredondada no seu perfil, descrição da autora e ícones das Redes Sociais.

Perfil com foto arredondada, e ícones de Redes Sociais
Olá,pessoal!!!

A postagem de hoje, foi pedida por muitos amigos que queriam alterar a foto do perfil do blog deles e colocar junto a descrição do autor e ícones das Redes Sociais.


Os créditos dos códigos e dos ícones ficam com a amiga blogueira KAROLINE VENDRAMINI, do blog FOLLOW YOUR DREAMS.



Para você fazer a foto arredondada, clique no link abaixo e aprenda:




Para você hospedar imagens e pegar o endereço das imagens, aprenda aqui:


Se você já sabe pegar endereço de imagens e fazer fotos arredondadas, vamos ao tutorial:

Entre no seu painel do blog, clique em LAYOUT+ADICIONAR UM GADGET+HTML/JAVASCRIPT.

Dentro da caixinha, cole o código abaixo e deixe aberto para você fazer as alterações necessárias.


<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>
<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
</center>

As alterações no código: 

Em URL-DA-SUA-FOTO: Você colocará o endereço da imagem da sua foto, sempre dentro das aspas.

Em DESCRIÇÃO AQUI : Você falará um pouco sobre você e sobre o seu trabalho desenvolvido no seu blog.

Em ENDEREÇO-DA-REDE-SOCIAL: Coloque o link da sua Rede Social,dentro das aspas.

Em ENDEREÇO-DO-ÍCONE: Coloque o endereço do seu ícone,aonde ele estiver hospedado ( PicasaWeb ), dentro das aspas.


Se você quiser colocar mais Redes Sociais, é só repetir a linha abaixo:

<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>


Os ícones  das Redes Sociais, você pode baixar de qualquer site de ícones,que seja,claro do mesmo tamanho.

Mas se você não encontrar, no blog da amiga Karoline Vendramini,tem os ícones no tamanho correto e com cores variadas.

Baixe: 
 

E ai amigos,gostaram?
Se você gostou, compartilhe em suas Redes Sociais essa postagem e dê uma forcinha para o blog Agenda dos Blogs.Bjsss!!!!

Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

4 comentários:

  1. Ótima dica! Dá pra personalizar bem legal o blog já com essas dicas. Bjs

    ResponderExcluir
  2. Uauuuuuuuuuuu adorei a dica amiga!!
    Muito obrigada,a muito queria aprender a colocar a foto redondinha em meu blog,vou tentar fazer.
    Bjsss

    ResponderExcluir
  3. Otima dica e uma ajuda imensa no blog foi uma pessoa que fez pra mim.

    beijinhos

    ResponderExcluir
  4. Adorei Magda e já coloquei no meu, esse como todos os teus posts são de grande valia para nós!

    Bjos
    Minda =D

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!