30 marzo 2017

¿Tienes un botón Pin-it para tus imágenes? esto te interesa

eliminar-boton-pin-it


¡Sorpresa! ¡vuelvo a escribir en Blogger! 🎉


¿Pensabas que no iba a volver a aparecer por estos lares? la verdad es que yo tampoco lo tenía claro. Desde un principio, cuando decidí mudarme a Wordpress, tuve claro que no traspasaba el dominio. Quería conservar este blog en Blogger, porque casi todos los tutoriales hablan de Blogger y no quería mezclarlos con mi nueva etapa.

Además, prefiero que si tengo que volver a hacer un tutorial de Blogger, se aloje aquí para que tengas todos los contenidos ordenaditos en el Indice. Así que ese es el motivo de que hoy me pilles por Bloggerlandia.


El truco que te traigo es muy sencillito, pero lo tenía pendiente desde que me fui y no me gusta dejar cosas pendientes.


Y ¿sabes qué? no podía haber elegido mejor momento que este, porque quienes tenían un botón de Pin-it personalizado para sus imágenes, habrán notado que ya no les aparece. Esto es porque el proveedor del código, ha decidido crear un código que se aloje completamente en la plantilla,  ya que no es la primera vez que el alojamiento inicial del script da problemas. Ya hice un tutorial de cómo instalar un botón de Pin-it personalizado, así que, puedes volver a verlo para eliminar el antiguo código (en caso de que ya lo hubieras instalado) y pegar el nuevo, porque lo he actualizado😉.



 Por cierto, qué divertido es esto de poder añadir (por fin!) los emojis directamente desde el editor de Blogger, veo que ya se van poniendo las pilas, porque hasta están creando plantillas nativas responsive 👏👏👏👏


¡La sorpresita que me he llevado cuando he entrado y he visto esto!




Bueno al turrón, que me lío y no te cuento el truco. Se trata de que puedas elegir en qué imagenes quieres que aparezca tu botón personalizado de Pin-it y en cuales no.

Normalmente cuando incluimos un botón de Pin-it, es porque queremos que el 95% de nuestras imágenes se pineen. Pero puede haber un 5% de imágenes que no nos interesen que sean pineables, por ejemplo puede ser muy útil para evitar que salga en una tabla de imágenes.


Observa la siguiente tabla en la que he colocado los dos iconos de los feeds más famosos, para invitarte a que me sigas desde tu favorito. En cada icono, he incluido un enlace, pero si estás viendo el post desde el ordenador, podrás observar que al acercar el ratón, sale el botón de pinear, por lo que puede ocurrir que al pulsar te envíe a Pinterest en vez de al enlace y eso es una faena ¿verdad? .





Pues para esto o para cualquier otra necesidad que se te presente, aquí va el tutorial.




Deshabilitar botón Pin-it en una imagen



Sin botón Pin-it
Con botón Pin-it

Añade class=nopin tras img, (en la vista HTML) de esta manera:

<a href="DIRECCIÓN DE ENLACE"><img class=nopin src="DIRECCIÓN DE TU IMAGEN" /></a>




Deshabilitar botón Pin-it en tablas de imágenes




¿Te gustaría seguirme en tu lector de feeds favorito?




Para las tablas es exactamente igual. Añade class=nopin tras img, (en la vista HTML) de esta manera:

<table border="0" cellpadding="4"><tbody>
<tr>
<td><a href="DIRECCIÓN DE ENLACE" target="blank"><img class="nopin" src="DIRECCIÓN DE TU IMAGEN"  /></a> </td>
<td><a href="DIRECCIÓN DE ENLACE" target="blank"><img class="nopin" src="DIRECCIÓN DE TU IMAGEN"  /></a> </td></a> </td>
</tr>
</tbody></table>


Y ya está, sé que es un truco que de simple, es tonto, por eso no he querido llamarlo tutorial. Pero mucha gente no lo sabe y tienen que conformarse con que aparezca el botón en todas las imágenes, quieran o no. De todas maneras, esto sólo sirve para evitar que pineen tus imágenes, desde el botón que tú has incluido en tu blog voluntariamente. Cualquiera que tenga la extensión de Pin-it, podrá pinearlas igual, por mucho que deshabilites la opción de esta manera. La utilidad de esto, es evitar que el botón interfiera con un enlace, como has podido observar que sucedía en mi tabla de los iconos de feeds.


Aprovecho para comentarte que, si me seguías desde Feedly o Bloglovin, esos son los nuevos feeds del blog en Wordpress, así que si te apetece estar al día de mis publicaciones y no te quieres suscribir, clica en tu feed favorito y no te perderás nada.




Sinceramente, me da alegría volver a usar este editor. En Wordpress apenas tengo que trabajar el HTML de las entradas, porque tengo un plugin que me coloca todo como quiero sin esfuerzo, pero también es verdad, que tardo más tiempo en estructurar los posts, porque tiene demasiadas funciones 😂


Pues esto ha sido todo por aquí... pero volveré, no sé cuando pero en cuanto tenga algo interesante que contar que afecte a Blogger, asomaré la nariz para decírtelo. Mientras, te invito a que sigas mis contenidos en la nueva web, porque aunque no hable de Blogger, sí que publico contenidos de diseño, marketing, redes sociales y herramientas que te pueden interesar. Aquí te dejo todo lo que he publicado hasta ahora, para que decidas si te resultan útiles.



Mockups y freebies
Mockups gratis con Graphic Twister
Consigue una marca inolvidable
Consigue que tu marca sea inolvidable
ideas para San Valentín
Tarjeta e ideas San Valentín
Objetivos y estrategias 2017
Objetivos 2017 de 6 emprendedoras

Tutorial Visual Composer
Tutorial Visual Composer
LinkedIn: entrevista a Inge Sáez
LinkedIn: entrevista a Inge Saez
Tutorial Genial.ly
Tutorial Genial.ly
Nueva etapa en Wordpress
Nueva etapa en Wordpress




P.D: una de las cosas que más echo de menos en Wordpress, son los comentarios. Aquí charlabais bastante conmigo y ha sido moverme y ver pasar las bolas del desierto por la zona baja. Así que, dame una alegría y coméntame qué te ha parecido esta publicación ¿sabías que me había mudado? ¿tenías el botón de Pin-it instalado y no te habías coscado de que había desaparecido de tus imágenes? ¿conocías este truco tontorrón que te he contado? cuéntame y charlamos un rato, que tengo muchísimas ganas 😜


Que vaya genial el jueves!


Imágenes portada: Pixabay e Ivorymix


¿Quieres aprender a diseñar bonito y tener un blog atractivo? Échale un vistazo al Curso de Photoshop para Blogueras Creativas, con el que podrás perfeccionar tu manejo de Photoshop, a la vez que desarrollas tu marca y creas el blog que deseas tener. Es un curso muy completo, en el que sin duda, habrá un antes y un después en tus diseños. Échale un vistazo:


demo