Blog de elegancehunter Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo instalar un botón Pin It personalizado en tus imágenes

Tengo una noticia súperimportante (redoble de tambor, por favor): Tengo Pinterest. (Ovación. Gritos enloquecidos. Desmayos). Efectivamente, he sido la última en hacérselo. Si os digo la verdad nunca le he visto demasiada utilidad más allá de ser un buscador de imágenes más interesante que Google, pero de un tiempo a esta parte me he dado cuenta de que un pequeño porcentaje de las visitas del blog venía de allí y tenía bastante claro que no era porque yo me hubiera puesto, así que pensé que si alguien lo había hecho sin dar yo ninguna facilidad, igual alguien más lo haría si contribuyo un poquito a la causa ¿no?Y ahí estoy. Y como no creo en hacer las cosas a medias, una noche me planté, hice el perfil, conecté el blog, instalé un botón para compartir en todos los posts y un botón Pin It en las fotos. Todo personalizado, claro. Y esto último es lo que os voy a enseñar a hacer, porque me costó lo suyo encontrar un buen tutorial para ello y yo lo de tener los botones de las redes sociales estándar no lo veo (soy una maniática del diseño).
(Recordad que este tutorial es para Blogger). Vamos a ello:
instalar boton pin it personalizado imagenes


1. Subid la imagen que queráis utilizar como botón a un servidor de alojamiento de imágenes (Postimage, Tinypic, etc). Vamos a necesitar el enlace directo a ese botón, su URL. 2. Vamos a editar la plantilla del blog, así que haced una copia de seguridad. Ahora pinchad en Editar HTML y en la plantilla buscad la etiqueta </body> (Consejo: para buscarlo utilizad Ctrl+F). 3. Justo encima de esa etiqueta pegaremos el siguiente código:
<script>
 //<![CDATA[
 var bs_pinButtonURL = "URL DE TU IMAGEN";
 var bs_pinButtonPos = "center";
 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> 
<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.elegancehunter.com for details.
 // Feel free to use and share, but please keep this notice intact. 
 </script>

4. Donde dice URL DE TU IMAGEN pegaremos el enlace a nuestro botón (el del paso 1). 5. Alineación: este botón sale en el centro de la foto, pero podéis ponerlo donde queráis cambiando el center de la cuarta fila por cualquiera de las siguientes órdenes:topright (arriba a la derecha)

topleft (arriba a la izquierda)

bottomright (abajo a la derecha)

bottomleft (abajo a la izquierda)

6. Guardad vuestra plantilla y comprobad el resultado. Ya tenéis vuestro botón Pin It personalizado en cada imagen.
Por último os diré que yo recomiendo este tutorial para los que tengáis blogs con fotografías decentes, porque, sin ánimo de ofender, estáis perdiendo el tiempo en Pinterest si tenéis fotos cutres.
Y eso es todo petits, espero que os haya resultado útil y ya sabéis, si os ha gustado no olvidéis compartirlo.

Fuente: este post proviene de Blog de elegancehunter, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Feliz 2016, o algo

Os cueeento, a mí me gusta empezar el año jugando a los Sims hasta quedarme ciega. En plan tres semanas (tres días o, si me pica, tres meses) a morir para luego dejarlo y no volver a tocarlo hasta el ...

Recomendamos

Relacionado

INTERNET

SOLUCIÓN A REDIRECCIÓN DE DOMINIOS POR PAÍSES

Blogger desde mitad del año de 2015 implementó la redirección automática que que hace que a cualquier dominio blogspot.com se le añada automáticamente el dominio del país desde dónde se mire el blog: blogspot.pe en Perú; blogspot.com.es en España; blogspot.com.mx blogspot.mx en México, blogspot.com.ar en Argentina, etc. El problema principal con ello es que los enlaces internos y externos a nuestr ...

salir y viajes caminodelnorte caminodesantiago ...

Un molino como Portal de Belén en el Camino Primitivo

Siempre existe un buen refugio donde pasar una noche de invierno. Bien sabían esto los Reyes Magos cuando buscaron en Belén y cualquier peregrino bien prevenido al caer la noche. En el Camino de Santiago Primitivo, justo al borde de una senda que baja al río, encontramos un molino de agua rehabilitado como posada. El sonido del silencio en aquel lugar incluía el fluir del río por debajo de n ...

salir y viajes

¡Entre #BlogsNi2013 y salón de belleza en un mismo día, Managua 2013!

El día 23 de noviembre fue un día con mucha actividad, en la mañana participe en el Festival de Blogs de Nicaragua #BlogsNi donde expuse mi experiencia como blogger independiente sobre el largo camino que todavía le falta recorrer a Nicaragua para ser escogido como destino de primera y en la noche tenía que asistir al desfile de Vicente Castellón. Así que decidí ir donde mi estilista favorita K ...

salir y viajes 2013 aparición ...

¡Entre #BlogsNi2013 y salón de belleza en un mismo día, Managua 2013!

El día 23 de noviembre fue un día con mucha actividad, en la mañana participe en el Festival de Blogs de Nicaragua #BlogsNi donde expuse mi experiencia como blogger independiente sobre el largo camino que todavía le falta recorrer a Nicaragua para ser escogido como destino de primera y en la noche tenía que asistir al desfile de Vicente Castellón. Así que decidí ir donde mi estilista favorita ...

Blogging Resources Tools

Customize 'Read More' Button on Blogger

CÓMO PERSONALIZAR EL BOTÓN "LEER MÁS" EN BLOGGER - Today I bring a very interesting tutorial on how to add & customize the read-more button for blogger.***** El día de hoy les traigo un tutorial sobre cómo añadir y personalizar el botón Leer Más en blogger. Leer en Español Read in English Hubo un tiempo en el que me demoré unos tres días hallando el código y estoy muy feliz d ...