La red social de moda, Pinterest también permite añadir un botón de enlace a nuestro blog. De esta manera ayudamos a nuestros visitantes a compartir en esta nueva red social algún contenido que se encuentre alojado en Blogger. El procemiento es muy sencillo y a continuación lo resumiré en unos sencillos pasos:
Y rellenas los campos de tu página:
- La URL que deseas que se adjunte al Pin. Si dejas este campo en blanco, Pinterest tomará por defecto la página donde esté ubicado el botón.
- La URL de la imagen que deseas mostrar en el Pin. En principio, si dejas este campo en blanco, Pinterest también debería tomar la imagen de la página donde está botón para el Pin.
- Description, aunque no es un parámetro obligatorio (de hecho ninguno loes) servirá para ayudar a tus lectores a 'pinear' los artículos.
Ahora que ya tenemos el código, vamos a ver dónde y cómo lo colocamos.
2.- En Blogger, vamos a "Plantilla" y escogemos la opción "Edición de HTML". Se hace caso omiso de la advertencia de edición y, con los artilugios expadidos, localizamos el siguiente código: </body> y antes él, pegamos:
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
3.- Por último, sólo nos queda pegar el código siguiente allá donde queramos que aparezca el botón. En mi caso, lo he colocado al pie, junto los otros botones sociales. Para ello, busca: <div class='post-footer-line post-footer-line-3'> y antes de esa línea, pega:
<a href="http://pinterest.com/pin/create/button/?url=www.midominio.com&media=www.midominio.com/img/logo.jpg&description=La_descripcion_es_opcional_pero_siempre_es_recomendable_para_ayudar_a_que_los_usuarios_pineen" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
3.- Por último, sólo nos queda pegar el código siguiente allá donde queramos que aparezca el botón. En mi caso, lo he colocado al pie, junto los otros botones sociales. Para ello, busca: <div class='post-footer-line post-footer-line-3'> y antes de esa línea, pega:
<a href="http://pinterest.com/pin/create/button/?url=www.midominio.com&media=www.midominio.com/img/logo.jpg&description=La_descripcion_es_opcional_pero_siempre_es_recomendable_para_ayudar_a_que_los_usuarios_pineen" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
Sustituyendo, 'midominio' por el tuyo propio y descripción por tu propia descripción, aunque no es un parámetro obligatorio.
4.- Ya puedes disfrutar de tu botón Pinterest!
