Como adicionar icones para as redes sociais em seu blog.

Oi pessoal,

Hoje resolvi fugir um pouco do conteudo do blog e vou ensinar para vocês como adicionar no seu blog icones para o facebook, youtube, twitter entre outros.

Nessa minha nova experiência como blogueira, tenho buscado cada vez mais entender como posso utilizar as funções que o sistema do blog me oferece e também deixar a pagina mais bonitinha e com mais opções e interatividades para vocês. Em meio as minhas buscas, consegui finalmente colocar icones que levam da minha pagina blog até a fã page no facebook, ao youtube e ao twitter (apesar de ainda não ter uma conta por la hahaha, resolvi adiantar o processo).

Sei que muitas pessoas assim como eu começam um blog e se deparam com um milhão de novidades, ao tentar utilizar pelas primeiras vezes os recursos da conta, descobrem que não é tão facil desenvolver uma pagina bonita e agradavel para o leitor.

Sabem aquele detalhezinho que da um charme a mais ao blog do vizinho e que o seu ainda não tem, é exatamente disso que eu estou falando.

Por isso para ajudar vocês em apenas uma besteira, mas que eu fiquei super feliz de conseguir fazer e espero que também deixem vocês felizes, ensino agora como adicional tais icones. Vamos começar ?

 

A primeira coisa que você vai fazer é :

1.      Entrar no seu painel de contrôle do blog, sabe la onde tem as opções de postagem geral, layout e etc. Em seguida escolha a opção « layout » e dentro dessa pagina, procure a opção adicionar um gadget, va para opção editar.

2.      Em uma outra pequena aba de internet abrira para vocês algumas opções de sistemas, entre essa opções, você deve procurar HTML« java script ». Selecione essa opção. Em seguida, abrira uma janela de texto onde tera escrito titulo, nesse espaço vocês não precisa colocar nada. Na caixa de texto logo a baixo, vocês vão copiar esse codigo e adicionar seus proprios elementos nas partes coloridas:

 <table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="ENDEREÇO DE SEU PERFIL FACEBOOK"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="ENDEREÇO DE SEU ÍCONE"

title="NOME DA REDE SOCIAL - FACEBOOK" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="ENDEREÇO DE SEU PERFIL – CANAL YOUTUBE"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="ENDEREÇO DE SEU ÍCONE"

title="NOME DA REDE SOCIAL – CANAL YOUTUBE" /></a

></td>

<td style="text-align: left;" valign="undefined"><a

href="ENDEREÇO DE SEU PERFIL – TWITTER OU OUTROS"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="ENDEREÇO DE SEU ÍCONE"

title="NOME DA REDE SOCIAL – TWITTER OU OUTROS" /></a

></td>

</tr>

</tbody>

</table> 

3.     Por fim, vocês devem salvas (clicando na opção salvar logo abaixo da caixa de

 texto) as alterações e visualizar a pagina do blog.

 Espero que tenham entendido tudo direitinho e principalmente que tenham gostado

das dicas. Os icones vocês podem copiar o "endereço de imagem" das imagens 



nesse texto, ou procurar por outros modelos nos sites de pesquisa.
 

Antes de terminar, não posso deixar de citar o Blog "Um pouco de mim por Elaine

Gaspareto", onde aprendi muitas das maneiras de aperfeiçoar a minha pagina do blog e de onde 

encontrei os codigos e as dicas para essa postagem. 


Deixo o link e o contato do blog logo em baixo para quem quiser dar uma olhadinha.
 
 http://www.elainegaspareto.com/
 
 
 Beijos beijos (*^;^*) (*^;^*)