En esta ocasión les voy a enseñar como añadir botones personalizados para compartir publicaciones en blogger, situándolo al final del post. Cuando lo hayamos instalado nos quedará de la siguiente manera.
Paso 1: Lo primero es editar plantilla en vuestro escritorio de blogger. Pueden hacer un copia de su plantilla por si fallas en algo.
Nota: Aparecerán dos porciones de este código, nos tenemos que fijar que sea la ultima porción. Se pueden guiar por las lineas, ya que la segunda porción esta muchas lineas abajo. Para ir al segundo directamente le damos dos veces ENTER al cuadro de búsqueda.
Paso 3: Justamente después de ese código pegaremos los siguiente:
Nos tiene que quedar así (clic en la imagen para agrandar)
Paso 4: solamente guardamos y listo. ya veremos nuestros botones al final de cada publicación.
Pueden ver funcionando este codigo en este blog justamente despues de la publicacion. Los botones los pueden cambiar de tamaño dependiendo sus gusto solamente tienen que cambiar los height='50' y width='50' por el tamaño que quieran, recomiendo un valor entre 30 y 50.
Paso 1: Lo primero es editar plantilla en vuestro escritorio de blogger. Pueden hacer un copia de su plantilla por si fallas en algo.
Paso 2: Poniendo el cursor sobre el código de nuestra plantilla presionamos CTRL+F nos aparecerá el cuadro para búsqueda y pegamos los siguiente:
<div class='post-footer'>
Nota: Aparecerán dos porciones de este código, nos tenemos que fijar que sea la ultima porción. Se pueden guiar por las lineas, ya que la segunda porción esta muchas lineas abajo. Para ir al segundo directamente le damos dos veces ENTER al cuadro de búsqueda.
Paso 3: Justamente después de ese código pegaremos los siguiente:
<center><div class='addthis_toolbox'><div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='http://i59.tinypic.com/e690lj.jpg'/></a><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='50' src='http://i62.tinypic.com/skuz4o.jpg' width='50'/></a><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='50' src='http://i61.tinypic.com/6jj60o.jpg' width='50'/></a><a class='addthis_button_email'><img alt='Email This' border='0' height='50' src='http://i59.tinypic.com/15cburc.jpg' width='50'/></a><a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' height='50' src='http://i58.tinypic.com/k04yf4.jpg' width='50'/></a><a class='addthis_button_google_plusone_share'><img alt='Share on Google Plus' border='0' height='50' src='http://i57.tinypic.com/oscv2s.jpg' width='50'/></a></div></div></center><script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
Nos tiene que quedar así (clic en la imagen para agrandar)
Paso 4: solamente guardamos y listo. ya veremos nuestros botones al final de cada publicación.
Pueden ver funcionando este codigo en este blog justamente despues de la publicacion. Los botones los pueden cambiar de tamaño dependiendo sus gusto solamente tienen que cambiar los height='50' y width='50' por el tamaño que quieran, recomiendo un valor entre 30 y 50.
