Como colocar insignias flotantes de Twitter y Facebook en Blogger

Hoy en día las redes sociales son sumamente importantes, cada día nuevos usuarios se van sumando a estas redes sociales para compartir todo tipo de contenido con amigos, para los que tenemos un sitio web o blog sabemos lo importante que es brindarles a nuestros visitantes una aplicación como la de Facebook o Twitter en nuestros sitios, de esta manera podrán compartir el contenido de nuestro sitio con sus contactos en estas redes sociales fácilmente, de esta manera estamos facilitando a nuestros usuarios un buen servicio y a su vez podremos conseguir nuevos visitantes para nuestro sitio, por eso vamos a implementar en nuestro blog una insignia flotante de Facebook y Twitter colocando un simple código como “gadget”, la ventaja que tendremos es que estas insignias no ocuparan lugar en el blog ya que aparecerán a un costado, veamos los pasos para agregarlos:
.
Primeramente vamos a compartir los códigos por separado de Facebook y Twitter, no todos usan los dos servicios, a veces optan por uno o por el otro, en ese caso vamos a colocarlos por separado. Para agregarlo deberemos ir a la solapa de Diseño > Añadir Gadget > Alli pegamos el código que vamos a compartir.

Pega este código para Twitter, lo que está marcado en rojo es donde deberás pegar tu ID de Twitter, lo que está marcado de azul es el numero de posición, si varias ese número podrás subir o bajar la insignia.

<a title="Sígueme en Twitter" href="http://www.twitter.com/aqui-tu-usuario" target="_blank"><img style="position: fixed; bottom: 225px; right: 0px" src="http://1.bp.blogspot.com/-ojg9t--Am4U/TaPSC4Tzw7I/AAAAAAAAAuE/DEFsI-r-8ug/s1600/twitter.png" /></a>


Pega este código para Facebook, lo que está marcado en rojo es donde deberás pegar tu ID de Facebook, lo que está marcado de azul es el numero de posición, si varias ese numero podrás subir o bajar la insignia.


<a title="Sígueme en Facebook" href="http://www.facebook.com/aqui-tu-usuario" target="_blank"><img style="position: fixed; bottom: 225px; right: 0px" src="http://3.bp.blogspot.com/-EJuE8bW3SBA/TaPSCR8A5xI/AAAAAAAAAuA/2vYSEcoeVIc/s1600/facebook.png" /></a>


Ahora pegaremos el código para que agregues las insignias de Facebook y Twitter juntas, aquí ya está la medida ajustada para que se vean las dos asi que no deberás cambiar nada, pégalo tal como está solo recuerda cambiar el ID de cada sitio.

<a title="Sígueme en Twitter" href="http://www.twitter.com/usuario" target="_blank"><img style="position: fixed; bottom: 270px; right: 0px" src="http://1.bp.blogspot.com/-ojg9t--Am4U/TaPSC4Tzw7I/AAAAAAAAAuE/DEFsI-r-8ug/s1600/twitter.png" /></a>

<a title="Sígueme en Facebook" href="http://www.facebook.com/usuario" target="_blank"><img style="position: fixed; bottom: 140px; right: 0px" src="http://3.bp.blogspot.com/-EJuE8bW3SBA/TaPSCR8A5xI/AAAAAAAAAuA/2vYSEcoeVIc/s1600/facebook.png" /></a>


Con este código también podrás agregar otras redes sociales como Google+, incluso podrías crear tus propios diseños y cambiarlo reemplazando el enlace de la URL de la imagen, espero este mini tutorial te sirva para darle un cambio a tu blog.
Siguiente
« Prev Post
Anterior
Next Post »

Recuerda que tu mensaje será previamente revisado antes de que aparezca en el blog.

- Ten paciencia que tu mensaje pronto será aprobado.
- Comenta sobre el Artículo o Video que veas en esta Entrada.
- No dejes Spam
- No dejes comentarios fuera de lugar.
- Si necesitas contactarme deja tu mensaje aquí con un correo para contactarte. Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment