Poner botones flotantes de redes sociales

Si quieres más información sobre como añadir un gadget pica aquí

Si quieres hay un generador automático para ello pica aquí 

Un vídeo aquí

Botón flotante de twitter

Si quieres más información entra aquí

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í

Redes sociales incluido youtube

Pica aquí