Diseño Personalizado para el Blog, tutoriales, fondos y plantillas para blogger

7.8.13

Personalizar botones de Pinterest en Blogger

Pinterest. Parece que en EEUU está en alza, de hecho, si echáis un vistazo a la entrada sobre el cambio en el algoritmo de Google, veréis que va por delante de Twitter en la importancia que da Google a las redes sociales. Yo, la verdad, que no lo uso tanto como debería, es decir, que no hago "vida social" en esta Red , me limito a compartir los imprimibles y clip arts que diseño y subo al Blog. Aunque, sinceramente, sí que me han llegado muchas visitas desde ahí.

Así que, aunque ya hablamos de como añadir el botón de Pinterest al Blog, he estado diseñando unos botoncitos monísimos para personalizar el botón predeterminado de Pinterest. Y he incluido un mini-tutorial explicativo sobre como instalarlos en cada una de las fotos de Blogger, para facilitar a nuestros lectores la tarea de compartir (pinear) en sus tableros.

Os dejo con la selección de botones, que podéis descargar directamente desde aquí, botón derecho del ratón ---> guardar como.

¡¡Hay para todos los gustos!! En formato .GIF con fondo transparente para que no pierdan calidad y podáis usarlos sobre cualquier fondo del color que sea.

Diseño Círculos Sencillos

Diseño Blonda Sencilla

Diseño Blonda Compleja

Instalarlo de manera individual en cada fotografía es muy sencillo.

Como Instalar el Botón de Pinterest en cada una de nuestras fotografías

1.- Subimos nuestro botón a una web de almacenamiento en la nube. Podéis usar dropbox tal y como vimos en esta entrada.

2.- Este es el código que vamos a usar:

Fuente: Bloggersentral

3.- Para añadirlo, vamos a Plantilla --> Editar HTML.

4.- Pinchamos en cualquier punto de nuestra plantilla y pulsamos simultáneamente Ctrl + F, se abrirá el buscador interno de Blogger.

5.- Buscamos:

6.- Justo antes de , pegamos nuestro código y añadimos la URL de nuestra imagen donde os lo he puesto en color rojo.

7.- Comprobamos en Vista Previa que no hay ningún error y guardamos los cambios.

A partir de ahora, en todas nuestras fotografías, aparecerá nuestro Botón de Pinterest. Podemos cambiarlo de lugar cambiando el topright por:

♥ center : en el centro
♥ topleft : arriba a la izquierda
♥ bottomleft : abajo a la izquierda
♥ bottomright : abajo a la derecha

Yo lo puse hace unos días en mis fotografías y la verdad es que de momento estoy encantada. La única pega que he encontrado es ésta:

Estos son los botones que subí en la entrada sobre Google Reader, como podéis ver, el botón de compartir en Pinterest aparece superpuesto encima de cada uno de ellos, ya que son imágenes, pero yo personalmente no le veo mayor problema.

Un fuerte abrazo,

Celia ♥

'; var input_id = '#mc_embed_signup'; var f = $(input_id); if (ftypes[index]=='address'){ input_id = '#mce-'+fnames[index]+'-addr1'; f = $(input_id).parent().parent().get(0); } else if (ftypes[index]=='date'){ input_id = '#mce-'+fnames[index]+'-month'; f = $(input_id).parent().parent().get(0); } else { input_id = '#mce-'+fnames[index]; f = $().parent(input_id).get(0); } if (f){ $(f).append(html); $(input_id).focus(); } else { $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } } catch(e){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } }

También puedes encontrarme en

Publicado por

5 comentarios:

Don Algodón7 de agosto de 2013 18:00

Genial Celia!!! Gracias por enseñarnos cosas tan guays! Ya lo he instalado!!! un besazo muy grande!!!
ResponderEliminar
Respuestas
1. Celia Espada García7 de agosto de 2013 18:47
  
  ¡¡Me alegra mucho saber que te ha sido útil!!
  
  Besos y feliz tarde de miercoles ;)
  Eliminar
Responder

Lourdes Convertida Rodríguez-Palancas7 de agosto de 2013 21:20

Si en vista html, en cada entrada, después de img pones class="nopin" ¿sigue apareciéndote el icono de Pinterest? Yo lo quito de esta manera en las fotografías en las que no quiero que aparezca
ResponderEliminar
Respuestas
1. Celia Espada García9 de agosto de 2013 16:45
  
  ¡¡Gracias, Lourdes!! Tengo que probarlo ;)
  
  ¡Feliz finde!
  Eliminar
Responder

Débora.- Monerías14 de agosto de 2013 16:40

Muchísimas gracias por compartirlo... desde que me hice pinterest es una de las cosas que tengo pendientes, poner el botoncito en las fotos... aunque no recomiendan ponerlo en todas por el formato... pero probaré lo que dice Lourdes a ver si funciona ;p
Muchos besos ♥
ResponderEliminar

Añadir comentario

Cargar más...