Configurar el Botón de Pinterest en Blogger

Publicado el 17 abril 2013 por Celia Espada García @ElPerrodePapel

Abre Pinterest en una Ventana Nueva



Sí, ya sé que hay un montón de tutoriales sobre como configurar el botón de Pinterest para Blogger.
Sin ir más lejos, Blanca, de Personalización de Blogs, tiene unos tutoriales  estupendos sobre este mismo tema, podéis verlos aquí:
Como instalar un botón Pin It en cada fotoComo poner un botón de Pin It de manera individual
Editado: Insertar Botón Pinterest con el nuevo perfil de Pinterest en una fotografía de nuestra entrada de Blogger.
Puedes leerlo AQUIYo, personalmente, preparo una de las fotografías para Pinterest, que es la que me interesa que se pinée y donde coloco el botón. Pero... cuando pineaba mi fotografía, ¡me sacaba de blogger! Y para volver al Blog, tenía que retroceder en el navegador o escribir otra vez la url. ¡Un rollo!
Así que he estado investigando una manera sencilla para que el panel de Pinterest se abriera en una ventana diferente ¡y lo conseguí!
Es muy fácil, os cuento:

Pinear sin Salir de Blogger

Esta es la imagen que adapté para pinear siguiendo el tutorial de Personalización de Blogs  que os menciono más arriba. Pero no me convencía del todo por lo que os comento, al pinchar en el botón Pin It, se me abría en la misma página web que Blogger.
Esto tiene una sencilla solución:
1.- Abrimos la entrada donde tenemos el botón ya instalado para modificarlo.
Seleccionamos vista HTML.

2.- Pulsamos Control + F y se nos abre, arriba a la derecha, el buscador, escribimos
Pinterest
Buscamos el código de nuestro botón (el que os muestro en la imagen)
3.- Añadimos justo detrás de <a
target="_blank"El código original suele ser así:

---> <a data-pin-config="above" data-pin-do="buttonPin" href="http://pinterest.com/pin/create/button/ ?url=http%3A%2F%2Felperrodepapel.blogspot.com%2F2013%2F04 %2Fconfiguracion -boton-pinterest-blogger.html&media=http%3A%2F%2F2.bp. blogspot.com%2F-mGCrQgU6Wyc%2FUWcxy-AZs2I%2FAAAAAAAACyI%2F 4YCxycZESrU%2Fs640%2Fpresentacion.png& description=Como%20configurar%20el%20bot%C3%B3n%20de%20 Pinterest%20 para%20que%20se%20abra%20en%20una%20ventana%20nueva%20y%20 no%20eche%20a%20nuestros%20lectores%20de% 20nuestro%20Blog."><--- 


Respetando el espacio después de <a , añadimos el nuevo código, y nos quedaría así:

---> <a target=_"blank" data-pin-config="above" data-pin-do="buttonPin" href="http://pinterest.com/pin/create/button/ ?url=http%3A%2F%2Felperrodepapel.blogspot.com%2F2013%2F04 %2Fconfiguracion -boton-pinterest-blogger.html&media=http%3A%2F%2F2.bp. blogspot.com%2F-mGCrQgU6Wyc%2FUWcxy-AZs2I%2FAAAAAAAACyI%2F 4YCxycZESrU%2Fs640%2Fpresentacion.png& description=Como%20configurar%20el%20bot%C3%B3n%20de%20 Pinterest%20 para%20que%20se%20abra%20en%20una%20ventana%20nueva%20y%20 no%20eche%20a%20nuestros%20lectores%20de% 20nuestro%20Blog."><--- 


Nos aseguramos, en Vista Previa, de que los cambios son correctos.
Y Guardamos.
Os dejo dos ejemplos de la imagen que he usado para este título, para que veáis la diferencia de la que os hablo en la práctica. Sólo tenéis que pinchar en cada uno de los botones de Pinterest para comprobarlo.
Botón Pinterest Original


Botón Pinterest en Ventana Nueva

Os espero el sábado a las 11:00
¡con la entrada sobre Whasi Tape casero!
Un fuerte abrazo,

¿Te animas a participar en el Concurso de Primavera?
Cuatro categorías diferentes... ¡¡y un montón de premios!!
Pincha en la imagen para saber mas
Estoy enlazando esta entrada a la Fiesta de Enlaces de Personalización de Blogs