Como hospedar imagens + Menu da Blogueira com redes sociais
Autor: Milena Motta | Publicado: 2016-05-19T15:40:00-03:00




Percebi que muita gente acha legal ter um perfil no blog com foto e descrição da própria blogueira, além das redes sociais. Então, resolvi fazer esse tutorial explicando pra vocês como fazê-lo, além de ensinar como hospedar facilmente uma imagem(que será utilizada para o seu perfil). Também decidi deixar freebies de ícones para as redes sociais de vocês lá no fim do post.



Se você não faz ideia de que perfil estou falando, é este aqui:





Então vamos lá!!!&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;





Primeiramente você precisa de uma imagem sua, obviamente. Depois você precisa hospedá-la, já que vamos trabalhar somente com códigos e links. Ou seja, sua imagem precisa virar um link.




Vá ao site do IMGUR, clicando&nbsp;aqui






Como mostra na imagem abaixo, vocês devem clicar em uma setinha logo no topo da página e depois, clicar na aba "Upload Images"







Após isso, abrirá uma janela com algumas opções de importação, vocês irão escolher a opção "browse your computer"






Vai abrir novamente mais uma janela, você vai procurar pela sua foto, selecionar e clicar em "Abrir"






Clique em "Start Upload"





Espere carregar a foto, clique nela com o botão direito e clique pra abrir em nova guia





Quando abrir, selecione o link da foto, copie e cole em algum lugar seguro como bloco de notas ou word pra guardá-lo, pois vamos utilizar ele






Bom, agora vamos volta pro blogger e ir na aba de Layout e criar um gadget na barra lateral






Escolha o gadget "HTML/JavaScript" e no conteúdo dele cole o seguinte código:









&lt;center&gt;&lt;img src="COLE AQUI O LINK DA SUA IMAGEM" style="width:310px; heigh:auto;" /&gt;&lt;br /&gt;ESCREVA AQUI A SUA DESCRIÇÃO&lt;br /&gt;&lt;a href="LINK DO SEU FACEBOOK"&gt;&lt;img src="LINK DO ÍCONE DO FACEBOOK" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;a href="LINK DO SEU TWITTER"&gt;&lt;img src="LINK DO ÍCONE DO SEU TWITTER" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;a href="LINK DO SEU YOUTUBE"&gt;&lt;img src="LINK DO ÍCONE DO SEU YOUTUBE" &nbsp;width="35px"/&gt;&lt;/a&gt;



&lt;a href="LINK DO SEU INSTAGRAM"&gt;&lt;img src="LINK DO ÍCONE DO SEU INSTAGREM" &nbsp;width="35px"/&gt;&lt;/a&gt;



&lt;a href="LINK DO SEU G+"&gt;&lt;img src="LINK DO ÍCONE DO SEU G+" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;a href="LINK DO SEU PINTREST"&gt;&lt;img src="LINK DO ÍCONE DO SEU PINTREST" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;a href="LINK DO SEU WEHEARTIT"&gt;&lt;img src="LINK DO ÍCONE DO SEU WEHEARTIT" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;a href="LINK DO SEU TUMBLR"&gt;&lt;img src="LINK DO ÍCONE DO SEU TUMBLR" &nbsp;width="35px"/&gt;&lt;/a&gt;

&lt;/center&gt;













Agora, é só você preencher o código de acordo com suas preferências. É a hora de pegar o link da sua imagem e colocar no lugar das letras em azul, escreva sua descrição no lugar das letras em vermelho e não se esqueça de colocar suas redes sociais de acordo como manda o código e depois, salve seu gadget.&nbsp;



Vou deixar pra vocês alguns freebies de redes sociais pra vocês pegarem.&nbsp;



AZUL






CINZA








LILÁS









VERDE














Espero que tenham gostado do post. Se tiverem alguma dúvida ou der erro podem comentar aqui que vou responder a todos com o maior prazer. Continuem acompanhando os tutoriais, porque ainda vai ter muito mais pela frente. Beijinhos!