Buscar

viernes, 27 de marzo de 2015

El botón Pinit en tus fotos del blog

Para que salga el botón de "pin it" en cada una de las imágenes de sus posts al momento de pasar el cursor.

Editar la pantilla desde html y coloquen este código antes del atributo </body> que encontrarás en la plantilla de tu blog.



Y solamente tenéis que copiar este código







 




 
<script>
//<![CDATA[
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>
<div id='bs_pinOnHover'><a href="http://www.bloggersentral.com/">Blogging tips</a></div>


*El enlace que aparece en negritas es la imagen del botón que saldrá al momento de pasar el cursor. Si no te gusta, puedes buscar en Google cualquier otro.

Te dejo tres ejemplos:
1.- https://dl.dropboxusercontent.com/u/32794445/4.png
2.- https://dl.dropboxusercontent.com/u/32794445/2.png
3.- https://dl.dropboxusercontent.com/u/32794445/6.png


*La orden: var bs_pinButtonPos =" center" ;  indica en que lugar de tu imagen se podrá ver el botón "pin it", en este caso en el centro. Puedes cambiar center por alguna de estas opciones:

                         topleft    topright    bottomleft    bottomright


-Para que no salga el botón en una imagen en específico-
 Entras cómo si fueras a editar la entrada > del lado superior izquierdo le das click en HTML > después del atributo <img dejamos un espacio y pegamos class='nopin' > al momento de actualizar veremos que el botón ya no aparece en esa imagen.

Fuente: http://www.mamaquieroserblogger.com/2013/03/poner-boton-pinit-pinterest-fotos-blog.html

No hay comentarios:

Gracias por pasarte, comentar y unirte.
Nuestro mail es asociacion.bloguer@gmail.com