Cómo poner un botón pin it de pinterest en blogger 2014 (Video)

como poner un botón de pinterest en blogger

Cómo poner un botón pin it de pinterest en blogger 2014 (Video)

 

En este video tutorial les muestro como poner un botón de pin-it de la red social Pinterest en blogger.

para obtener el código con la forma deseada visita este enlace y selecciona la opción de Hover Images.

Acá te dejo los códigos tal cual como lo debes pegar en blog, porque como les digo en el video necesitamos adaptarlo un poco para que la platilla lo acepte

1.-  Botón pequeño rectangular color gris

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

2.-  Botón pequeño rectangular color rojo

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-color=”red” data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

3.-  Botón pequeño rectangular color blanco

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-color=”white” data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

4.-  Botón grande rectangular color gris

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-height=”28″ data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

5.-  Botón grande rectangular color rojo

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-height=”28″ data-pin-hover=”red” src=”//assets.pinterest.com/js/pinit.js”></script>

6.-  Botón grande rectangular color blanco

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-height=”28″ data-pin-hover=”white” src=”//assets.pinterest.com/js/pinit.js”></script>

7.- Botón circular pequeño

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-shape=”round” data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

8.- Botón circular grande

<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-shape=”round” data-pin-height=”32″ data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script><!– Please call pinit.js only once per page –>
<script type=”text/javascript” async=”script”  data-pin-shape=”round” data-pin-height=”32″ data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>

Saludos y espero les agrade, pueden dejar comentarios con sugerencias de tutoriales (solo recuerden que no soy erudito en internet pero me defiendo xD)

Compártelo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *