Esto es algo a lo que le vas a sacar mucho partido. Lo he simplificado lo más que he podido para que no tengas que comerte mucho la cabeza.
Te voy a enseñar como puedes poner el botón de pin it que quieras en tus fotos de blogger. Puedes diseñarlo tu misma con cualquier editor gráfico como picmonkey, gimp..... O también puedes usar los diseñados por mí en el próximo post que publicaré ;)
Pues bien, una vez dicho esto vayamos paso por paso:
- Plantilla
- Editar HTML
- Pinchas dentro del cuadro y luego abres el cuadro de búsqueda pulsando al mismo tiempo las teclas ctrl y f.
- Escribes en el cuadro </body> y le das a enter. Te saldrá coloreada porque es la línea que has buscado.
- Justo encima pegas el siguiente código:
<!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "URL donde está la imagen";
var bs_pinButtonPos = "topright";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover'
src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js'
type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>
<!--Fin - Botón Pin it -->
Sólo hay que cambiar lo resaltado en azul y verde:
- Lo azul es la URL de la imagen. Basta con cogerla y subirla a un post borrador, luego pinchar con el botón derecho encima de la foto y darle a copiar la ruta del enlace. Luego sustituyes eso por lo que hay en azul y listo.
- Lo verde es la ubicación del botón dentro de la imagen. Aquí esta puesto en la esquina superior derecha, pero puedes cambiarlo al sitio que quieras:
center: centro de la imagen
topleft: arriba a la izquierda
bottomright: abajo a la derecha
bottomleft: abajo a la izquierda
Y esto es todo, ¿ a que es fácil ? Si te ha gustado y te es útil no te olvides de comentar y compartirlo en tus redes sociales, me harías muy feliz.
Ahora ya lo tienes más fácil todavía para que la gente pinee tus
posts, ya que si no tienen el botón instalado en su barra de marcadores
podrán hacerlo directamente desde tu blog.
Por cierto, si no lo ves es porque hay que pasar el ratón por encima. Pero en mi opinión si que se ve porque mientras estás bajando por la página alguna vez que otra pasarás el ratón por encima de la foto, digo yo.
Ten en cuenta que este botón
es para tus lectoras. Es decir, independientemente de que tengas
cuenta o no, uses Pinterest o no, este botón es para que tus lectoras,
las que sí usen Pinterest, puedan pinear cosas desde tu blog.
Aunque también puedes pinear tus post en un tablero con el nombre de tu blog, así lo promocionas por pinterest.
Viendo lo fácil que te lo pongo, no tienes por que buscar en internet estas cosas. En internet la información no siempre es fiable, esta actualizada ni lo explican tan bien como yo. Así que ya sabes que aquí lo encontrarás todo muy bien explicado.
Y si alguien quiere aprender a hacer algo, aquí está el formulario de petición de
Tutoriales Blogger.
Podrás usar el
formulario para decirme qué necesitas aprender y yo procuraré publicar
sobre ello para que no tengas que buscar por ahí y que todo te de
problemas... :)
No te olvides de que cualquiera está invitad@ a hacer un post invitado, me lo sugieres por correo: crisaisa2014@gmail.com y lo hablamos ;)
Besos,
FREEBIES: BOTONES PIN IT PARA TU BLOG
