GeekMarloz

View Original

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

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).

Así se vería el botón al momento de pasar el cursor sobre tu imagen


<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='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script src='https://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'></script><script id='bs_pinOnHover' src='https://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 https://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:

*El enlace que aparece en negritas 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 en la sección de Freebies.

See this gallery in the original post