ღ Redes sociales °ω°

Este tuto  es para que puedas incorporar redes sociales en tu blog (no solo es para facebook y twitter).

Primero debes entrar en tu blog claro 

Nos dirigimos a diseño

Añadimos un gadget HTLM/ JAVASCRIP 

Pegamos en siguiente codigo:

  <style type='text/css'>
  a.linkopacity img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -khtml-opacity: 0.5;}


  a.linkopacity:hover img {
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  -khtml-opacity: 1.0; }
  </style>


  <div style='display:scroll; position:fixed; top:140px; left:-12px;'>


  <a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

En las letras de rojo se cambiaran con el URL ok 

DIRECCION DE TU RED SOCIAL:Se coloca el url de la paguina de facebook en ese caso si quieres inserta tu paguina de facebook.

URL DEL ICONO DE TU RED SOCIAL:Se coloca el url de la imagen que deseas insertar como icono de tu red social(claro que corresponda o de que es de una red social)

Si deseas tener mas de una red social solo basta con repetir el código pero solo este fragmento:

  <a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

AQUI TE DEJO UNOS EJEMPLOS DE ICONOS PARA FACEBOOK/ TWITTER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSh2QEBXgbrdXVC_OyRpgJ99T-3DTzSbPeU2d-tAcd8Q6KZdhY7CUZodwW_T76quzjrhk-cvVeRjQCvV5I1XK1uz-s0YIb_87vXvrliNl1qi7qSkes9ZUQAc-CekcrEvcseXXVSz7W8YAl/s265/facebook.png

http://png-3.findicons.com/files/icons/835/social_sketches/128/hand_drawn_facebook.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAQ0KrHbaSATq7Si5hew3yM_TLiduWXUueJ8cISzuPrgzL2UfssFJkIUNH1l93rwc22nGU6rCIlA1WXljbvXZ2amsz4DgOe7uXyJ-6SfdYEbTxD1vcuLejxqTj6fbUHcW-LsYtio/s1600/twitter-logo-square-webtreatsetc.png

http://i1198.photobucket.com/albums/aa452/suji64/twitter.png

Espero les halla servido  hasta el próximo tuto 
bye ....