¡Aprendamos a Bloggear! - Fusionar al botón compartir un post de tu blog

Este sábado vamos a aprender como cambiar el diseño de los iconos sociales para compartir nuestro blog mediante una página web. Empezamos, ¿no?

Pues sí, como habéis leído vamos a cambiar los iconos de compartir un post de nuestro blog de tal forma que quede más compacto y más vistoso. Así de primeras seguro que os pensáis que es mucho lío y en parte, de forma manual por supuesto que lo es. Pero yo voy a enseñaros a hacerlo mediante una página que te lo genera y nosotros tan solo tenemos que colocar el código HTML. El resultado, sería tal que así. 

La página en cuestión de la que os hablo es AddThis. Debemos registrarnos en ella, yo recomiendo que si tenéis cuenta de Google lo hagáis desde ahí ya que te ahorras tiempo y no interfiere para nada en la propia cuenta de Google. 

¡Pincha en la imagen para agrandarla!

Si pincháis en “continue with Google” debéis de aceptar los derechos y os saldrá una imagen con el mail de la cuenta de Google que tengáis. Pincháis en “registrer”. Después de eso, os llevará a una venta en la que salen los tipos de cuenta que existen: Basic y Pro. Lógicamente como no queremos pagar debemos pinchar en Basic. ¡Y ya estamos registrados!

Bien, ahora empezamos con los códigos HTML… ¡Estad atentos que no se nos puede escapar ningún dato!

1. Haz una copia de seguridad a tu plantilla. ¿No sabes hacerlo? ¡Aprende aquí, es sencillo!

2. Plantilla > Editar HTML

3. Pulsa Ctrl + F > Pon en el buscador “ <div class='post-footer-line post-footer-line-3'> ”

4. Justo encima pegamos el siguiente código HTML

¡Pincha en la imagen para agrandarla!

¡Y listo! ¿A que no ha sido tan complicado? Debes tener en cuenta como siempre los códigos HTML que estén bien posicionados y copiados. En cualquiera de los casos si tienes dudas respecto a este tutorial mándame un mail a cathiieh@gmail.com. Y si lo que quieres es mandarme una sugerencia hazlo aquí.

Nos vemos pronto!

Mil beesos!