Como Adicionar Botões de Redes Sociais no Blog

Hoje trarei uma nova dica para o seu Blog, vamos colocar os famosos "BOTÕES DE REDES SOCIAIS". Vamos lá?

OBS: Se preferir use um BLOG TESTE para ver como fica.

Já logado em seu blog vá em Layout > Adicionar um Gadget, e procure por HTML/Java Script e clique para adicionar. Logo depois aparecerá uma janela como esta:

Depois você colocará no quadrado grande os seguintes códigos:

<a href="URL DO FACEBOOK"><img border="0" src="URL da IMAGEM" /></a>

<a href="URL do TWITTER"><img border="0" src="URL da IMAGEM" /></a>

<a href="URL do INSTAGRAM"><img border="0" src="URL da IMAGEM" /></a>

<a href="URL do GOOGLE+"><img border="0" src="URL da IMAGEM" /></a>

<a href="URL do YOUTUBE"><img border="0" src="URL da IMAGEM"/></a>

Ficará assim:

Aonde está escrito "URL DO FACEBOOK", "URL DO TWITTER", "URL DO INSTAGRAM", "URL DO GOOGLE+" e "URL DO YOUTUBE", você vai substitui-los pelos link das suas redes sociais, e como vocês irão achar esses links? É muito fácil, o Facebook por exemplo você vai entrar na página do seu blog, ou o seu próprio Facebook, e vai copiar o link da página, como este:

Logo depois de copiar a URL você vai voltar na pagina de edição do gadget, e substituir "URL DO FACEBOOK" pelo link que você copiou, deixando as aspas. Ficará assim:

Para a imagem entrem no site abaixo, este site terá vários ícones para você escolher o formato e estilo.

Site: http://www.iconarchive.com/category/social-network-icons.html

A abertura do site é esta:

Depois de achar o icone que combina mais com o seu blog, você vai clicar no estilo e achar a rede social desejada, no nosso caso o Facebook, ache seu icone e clique abrirá esta página:

Logo depois role para baixo e clique no tamanho que desejar, o padrão que vejo é 48 pixels, depende do layout do seu blog, no meu caso o tamanho é 48 pixels, para copiar a URL você precisa apenas clicar com o botão direito em cima na imagem no tamanho desejado e clique em Copiar URL da imagem. Depois você volta na janela de edição do gadget e substitua "URL DA IMAGEM" pelo URL na imagem copiado, deixando as aspas. Ficará assim:

A mesma coisa você fará com o resto das suas redes sociais, se você quiser colocar outra rede social como Pinterest, Tumbrl, etc. É só colar este código abaixo dos outros deixando uma linha de espaço entre um e outro.

<a href="URL da Rede Social"><img border="0" src="URL da IMAGEM"/></a>

E para finalizar é só clicar em Salvar lá em baixo da janela e depois Salvar Oganização.
E pronto seu blog já está personalizado com suas redes sociais para seus leitores te seguirem.
Espero que tenha ajudado.

.