Add "Pin it! Button to Your Blog/Cómo Insertar Botón "Pin it" en tus Posts

11:30


One of my greatest sources of traffic that I have found very useful is pinterest. On this page you can add images that have caught your attention in the network, can be beauty, fashion, fanart, others. Not so recently I added the "pin it" button on the images of the blog so some visitors can share the images of the post they like to their pinterest account.
Una de mis mayores fuentes de tráfico que me  ha resultado muy útil es pinterest. En esta página se guardan imágenes que le han llamado la atención en la red, puede ser belleza, moda, fanArts, entre otros. No tan reciente agregue el botón “pin it” en las imágenes del blog para que algunos visitantes que utilizan este sitio puedan compartir el post en imágenes en su cuenta de pinterest.


I have designed some buttons if you want to take them and add to your blog, giving  it click on the link will take you to my Photobucket folder, just copy the link of the image and add it for the following code:

This code is taken from Bloggersentral, copy the code below and insert it right above  </body>

*************************

He diseñado algunos botones por si quieres tomarlos para tu blog, le da clic en el enlace que lo llevará a mi carpeta de photobucket, y es solo copiar el enlace de la imagen para el siguiente código:

Este código es tomado desde Bloggersentral se agrega encima de </body>

<script>
//<![CDATA[
var bs_pinButtonURL = "URL DE LA IMAGEN/INSERT IMAGE URL HERE";
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 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>

To reposition the button, replace "center" with/Para reposicionar el botón, susituye "center" por:
-topleft: arriba a la izquierda
-topright: arriba a la derecha
-bottomleft: abajo a la izquierda
-bottomright: abajo a la derecha

Image and video hosting by TinyPic

You Might Also Like

0 comentarios