Tutorial: Botón de "Pin-it" en tu blog

12.4.13

Tutorial: Botón de "Pin-it" es tu blog


Para utilizar el botón de "Pin it" en cada una de las imágenes de tu post, copia y pega este codigo antes del atributo </body> que encontrarás en la plantilla de tu blog (búscalo tecleando ctrl f).


<script>
//<![CDATA[
var bs_pinButtonURL = "https://lh3.googleusercontent.com/-a720nq1oYMs/VM6a4JSpTzI/AAAAAAAAE6M/oFjbAo6_wYI/s75-no/rainbow_pinit7.png";
var bs_pinButtonPos = "topleft";
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 src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_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.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>

**topleft"   indica el lugar donde se mostrará el botón. Puedes cambiarlo por alguna de estas:

  • topright - esquina superior derecha
  • center - en medio
  • bottomleft -esquina inferior izquierda
  • bottomright -esquina inferior derecha
*El enlace que aparece en gris es la imagen del botón que saldrá al momento de pasar el cursor. Puedes cambiarla por uno de tu gusto. Puedes encontrar este y otros botones aquí: Free "Pin-it!" buttons


Así se vería el botón al momento de pasar el cursor sobre tu imagen
Tutorial: Botón de "Pin-it" es tu blog

You Might Also Like

0 comments

¡Gracias por todos sus comentarios! Este blog se construye a partir del intercambio de ideas y opiniones de su comunidad.