Redes Sociales mejor con youtube

Han sido varias las preguntas sobre la forma de añadir los iconos de redes sociales en la sidebar y no es ningún misterio todo lo contrario, de forma muy simple los añadiremos paso a paso.

Lo primero que haremos será crear una clase para los botones y añadir los estilos a esa clase, para ello nos situamos antes de ]]> y añadimos:

#redes-sociales {

text-align: center;

padding:15px;

border: 1.9px dashed #C0C0C0;

}

Con eso estamos diciendo que el contenido dentro del bloque llamado redes-sociales se posicionará centrado y tendrá a su alrededor un espacio de separación con el borde 25px. Para saber si está centrado añadimos un borde que luego podemos quitarle.

Ahora vamos a plantilla de diseño y editamos un nuevo gadget de HTML en su interior añadimos:

<div id="redes-sociales">

<a target="_blank" href="http://feeds2.feedburner.com/tu-nombre-feedburner" rel="alternate" title="Suscribirse" type="application/rss+xml"><img alt="rss" style="border:0" src="url-imagen-Feed" /></a>

<a target="_blank" href="http://twitter.com/tu-nombre-twitter" title="Twitter">

<img alt="en Twitter" src="url-imagen-Twitter" /></a>

<a target="_blank" href="http://www.facebook.com/profile.tu-perfil-facebook" title="Facebook">

<img alt="en Facebook" src="url-imagen-Facebook" /></a>

<a target="_blank" href="http://www.youtube.com/user/tu-nombre" title="YouTube">

<img alt="YouTube" src="url-imagen-YouTube" /></a>

</div>

Cambiar el código azul por la direccion de la red social y el rojo por la url de la imagen que se consigue picando sobre ella con el botón derecho del ratón y picando en copiar URL de la imagen.

Más información aquí