10 feb. 2013

Añadir botón Pinterest en Blogger


Como poner el botón "Pinear" de Pinterest en cada post de Blogger
                                     
   1. Entra en la configuración del blog.
   2. Haz click en la pestaña "Plantilla".
   3. Haz click en el botón "Editar HTML".
   4. Buscar los códigos con las teclas CTRL+F
   5. Busca el siguiente código:
</body>
   6. Justo encima añade este código:
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
   7. El resultado debe ser este:
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
</body> 
   8. Ahora busca este código:
<div class='post-footer-line post-footer-line-2'>
   9. Añade justo encima el siguiente código:
<!-- Pinterest -->
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;description=&quot;+ data:post.title + &quot;&amp;media=&quot;+data:post.firstImageUrl'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>
<!-- Pinterest -->
 10. El resultado debe ser este:
<!-- Pinterest -->
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;description=&quot;+ data:post.title + &quot;&amp;media=&quot;+data:post.firstImageUrl'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>
<!-- Pinterest -->
<div class='post-footer-line post-footer-line-2'> 
 11. Pulsa en "Vista previa" y si ves el botón "Pinear" ya puedes guardar la plantilla.
Related Posts Plugin for WordPress, Blogger...