Ícones das Redes Sociais no Blogspot

Caso você tenha pressa em pôr seu Widget de redes sociais, no código abaixo, já tem um pronto com os ícones do Twiter, do Facebook, do MySpace e do You Tube.


Conheça a apostila "Como Fazer um Blog Comercial ou Transforme o seu em Site"

Vamos aprender a colocar ícones de redes sociais no seu Blogspot.  Acesse o site ImageShack e hospede os ícones que necessita para o Blog.  Aconselho procurar no Google Imagem por ícones do tamanho 56X56 pixels.

Pode copiar cada uma destas imagens e hospedá-las no ImageShack.  Todas têm 56X56 pexels.  Abaixo segue o código que você irá editar antes de pô-lo no seu Blog.

1)  Para editar o código, acesse seus perfis nas Redes Sociais, e copie a URL na barra de endereços do navegador.  Cole no Bloco de Notas do Windows para facilitar a edição.

2)  Copie o código abaixo, cole também no Bloco de Notas do Windows e troque o que está indicado pelas URLs dos perfis.

<!-- TWITTER --><br /> <a href="http://twitter.com/#!/SEU_TWITTER" target="_blank"><img alt="Follow me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53fHIpVkEp1HuMF9cQRhe0-Q8hmFmhtIwLEirLbeiRtxH8TyDEbNPJX3SzeXs9JyvmfOTgw0A2sx27cG2Htc4tT5NIo5rBuYSYvGmyyCj7PXBOOBZg5kmmgQz0guv6l7fALLtUXOM6tNQ/" title="Follow me" /></a> <br /> <br /> <br /> <!-- FACEBOOK --><br /> <a href="http://www.facebook.com/LINK_FA_PAGE" target="_blank"><img alt="Fan page on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhTYM7KLETe-SdFP2GB3yao00mcVS3ozQsBeWjfufgYSkzVt9Gb2MQmkbQyaxzLgdw37noQBUf3rVW7ekQ8ktAqLvzmF56C_NB0PCdqYkUYAJFIFNUsdhBH7nL7N_35NBS_4ySNR2DwWu/" title="Fan page Facebook" /></a> <br /> <br /> <br /> <!-- YOUTUBE --><br /> <a href="http://youtube.com/CANAL_YOUTUBE" target="_blank"><img alt="Youtube Channel " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSZWKuSJLIo3nEcnmKLz5VP2QxVh0wb9wxJRHzZPk5vLX8wSFBMt3UR7EUB8OvrXBrozk9NFqWY7cABGTv6NU2ccnkIdYvTfkN2yKzrh_PPTi0iqMNWxU-eclXgTVLbhRh7vGpKJ1kjZf/" title="Youtube" /></a> <br /> <br /> <br /> <!-- MYSPACE --><br /> <a href="http://www.myspace.com/USER_MYSPACE" target="_blank"><img alt="MySpace" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCCGA7XPNfX6hVtI6O_W8XaDzz9DAB3osX0Qv2Gp-70lS6FvaW6-0ardHalMMgra33wbJrCvvuYMzg_ZjeQF4-FvLWg_HC01vlp6SUMGdpES2oXjxn7xIKK3KLFXNxnUw_-zKsGdZsb3g0/" title="MySpace" /></a>

3)  Inserindo o código já editado no seu Blogspot.  Vá em "Layout", em "Adicionar um Gadget", e em "Html/JavaScript".  Cole o código e salve.  Arraste para a posição que desejar que apareça no Blog.