sábado, 8 de marzo de 2014

Poner botón de Pin It en las fotos del blog

Pinterest puede hacer que consigamos más tráfico en la web, si pinean muchas veces una foto nuestra, conseguiremos avanzar puestos.

Así que vamos a ver cómo se coloca el botón para que los lectores puedan pinear todas nuestras fotos, en el blog Mamá quiero ser blogger está detallado paso a paso.

Tenemos que ir a la plantilla HTML.

Buscamos: </body>

Y justo encima copiamos el siguiente código:

<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg74u5UgJdP1D3ml69Vu8ztOV4Q2SMMlq4GLMTe1UbFRgvkRa7gA2LpN1MzOiXX6RDzovOrpzMwMX_w2hUUs9EZwad915fXNH6WlxUePkbphmF3zncqbJpQn0rt4-3GB8deykXnrXmSyYF3/s1600/pinterestx1_72.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>
<div id='bs_pinOnHover'><a href="http://www.bloggersentral.com/">Blogging tips</a></div>

Podemos cambiar la ubicación del botón con de esta manera:

Topleft
Topright
Bottomleft
Bottomright
Center

Y el enlace lo podemos cambiar por nuestro propio botón de Pinterest personalizado.

Blogging tips