24 nov 2011

Botón de Linkedin en cada entrada del blog



Con este post quiero romper el hielo e iniciarnos en otra red social, se trata de Linkedin. Es una red orientada a formalizar relaciones profesionales y cuenta en la actualidad con más de 135 millones de usuarios registrados en más de 200 países.
Este nuevo botón va a permitir a quién nos visita compartir el post con su red de contactos profesionales en Linkedin.


Seguramente ya conocías esta red, yo desde aquí te invito a dar un paso más y valora la posibilidad de crearte tu propio perfil en Linkedin donde podrás dar de alta tu curriculum, sitios en los que has trabajado y en definitiva rodearte de contactos profesionales con posibilidad de encontrar nuevas oportunidades laborales y profesionales.

Pasos para colocar el botón de "Linkedin" en cada entrada del blog
  • Paso 1. Acceder al editor HTML
    • Ve a la "Pestaña Plantilla"
    • Haz una copia de seguridad de la plantilla pulsando el enlace "Realizar copia de seguridad"
    • Haz clic en el enlace "Edición de HTML"
  • Paso 2. Busca el siguiente código dentro de tu plantilla:
    • Usa el buscador del navegador pulsando Ctrl F o Ctrl B (en Mac ⌘F o ⌘B) y busca este texto:
      • Para colocar el botón al Pie de la entrada: post-footer-line post-footer-line-1
      • Para colocar el botón en la Cabecera de la entradapost-header-line
  • Paso 3. Copia el siguiente código del botón de Linkedin

  • <script src='http://platform.linkedin.com/in.js' type='text/javascript'/>

    <script data-counter='right' expr:data-url='data:post.canonicalUrl' type='IN/Share'/>
  • Paso 4 Pégalo  justo debajo de la linea encontrada en el Paso 2.
  • Paso 5. Guarda la plantilla y visualiza el Blog

Para más información sobre este botón y sus diferentes variantes consulta la página oficial de Linkedin. En mi caso he elegido el que tiene el contador a la derecha. Si lo prefieres con el contador arriba cambia el parámetro resaltado en rojo por la palabra top.

Es posible que al igual que yo te lleves una sorpresa al ver que algunos de tus post ya habían sido compartidos en esta red...¡gracias!

Te recomiendo colocar también el botón de "Me Gusta de Facebook" ,el botón de "Google+" y el botón de "Twitter"

Aquí debajo ya puedes ver funcionado el botón de "Linkedln". Si te ha gustado esta entrada haz clic sobre el botón para recomendarla a tus contactos profesionales. Gracias.

Si te ha gustado esta publicación y no quieres perderte ninguna otra, sígueme a través de Facebook, Twitter, suscripción por email, Google Friend , RSS o en Google +.
Actualizado el 9 de Junio de 2013

26 comentarios:

  1. Perfecta tu explicación y clarísima. Me ha funcionado a las mil maravillas. Muchas gracias.
    Gabriel

    ResponderEliminar
  2. A mi me aparece correctamente debajo de cada entrada pero cuando le doy a compartir la entrada, no hace caso y comparte la ultima entrada que tengo hecha.

    ResponderEliminar
    Respuestas
    1. Hola Miguel

      Efectivamente no esta tomando bien la url del post. Haz lo siguiente en el fragmento de código del botón cambia lo que pone post.canonicalurl por post.url y a ver qué pasa.

      Gracias por comentarlo!
      Jesús González.
      PD. Me ha parecido de lo más interesante tu blog...te sigo!

      Eliminar
  3. Estoy muy agradecida porque gracias a tí y a tu explicación tan clara he podido añadir Linkedin a las entradas de mi Blog. Ya te he puesto en mi lista de Enlaces. Fantástico Blog de Ayuda!!!

    ResponderEliminar
    Respuestas
    1. Guau.....menudo gran comentario The Carousel of Dreams y bienvenid@ a iniciaBlog.

      Gracias por pasarte por aquí!
      Jesús González.

      Eliminar
  4. y aunque estoy empesando con mi blog ya he dado pasos enorme gracias ati un abrazo

    ResponderEliminar
    Respuestas
    1. Hola Andreina Zerpa,

      Me alegra muchísimo a la espera de un nuevo comentario tuyo donde me invites a visitarte!

      Gracias y mucha suerte
      Jesús González

      Eliminar
  5. gracias por el dato!!
    saludos
    Facundo.

    ResponderEliminar
    Respuestas
    1. Gracias a ti, por darte una vuelta por iniciablog y dejar tu comentario..
      Me ha parecido de lo más interesante tu blog...

      Un fuerte abrazo!,
      Jesús González

      Eliminar
  6. Mil gracias de nuevo. Tenia muchas ganas de compartir mis entradas en LinkedIn y el botón me viene de perlas. Solo que en vez de ponerlo al pie, lo he insertado en la caja flotante junto a los demas.

    Un saludo Jesús

    ResponderEliminar
    Respuestas
    1. José Antonio, Buen día, puedes comentar ¿cómo lo ingresaste a la caja flotante?

      Eliminar
    2. Hola Fendes simplemente comentarte que he avisado a Jose Antonio de que tiene una pregunta para el...a la espera de su comentario. Un fuerte abrazo y gracias! Jesús González

      Eliminar
    3. En primer lugar, gracias Jesús por el aviso.
      Respecto del botón en la caja flotante, pues solo he copiado el código que Jesús nos ofrece en el paso 3 de este post, dentro del código html de la caja flotante, después de los otros botones.
      Según la pregunta de FENDES, ya dispone de una caja flotante por lo que tendrá que buscar el código de esta en "Edición de Html" de la categoría "plantilla" de blogger. No olvides hacer una copia de seguridad antes cambiar nada.

      De todas formas, si te parece muy lioso, tengo pendiente la publicación de una entrada (seguramente a lo largo de esta semana)en mi blog sobre la integración de la caja flotante en las entradas. Donde explicaré estas cuestiones paso a paso, ya que suscitan mucho interés.

      Un saludo
      Jose Antonio

      Eliminar
    4. Muchas gracia Jose Antonio por tu respuesta....he avisado a Fendes y a la espera de lo que nos comente. Mil gracias por tu colaboración.

      Jesús González

      Eliminar
    5. Estimados Jesús y José Antonio: Siguiendo sus perfectas instrucciones he hecho los cambios y como pueden ver en: www.enlacesfendes.blogspot.com.ar quedó allí incluido el boton de LinkedIn y funcionando.
      Mi desconocimiento de estas cosas hizo que en la misma acción desapareciera el siguiente renglón que inicia con la palabra: Etiquetas: (Las que correspondan).
      Lo veo en la plantilla de diseño, lo veo en los códigos, pero no aparece en pantalla.
      Quise copiarles como quedó programado pero este cuadro de diálogo no e permite escribir los HTML.

      Eliminar
    6. Quise utilizar este espacio, además para, Primero hacerles público y agradecerles el ¡EXCELENTE! trabajo que realizan des"burrando" asnos informáticos como yo (a pesar de la voluntad) y, Segundo, contarles que demoré en responderles por dos razones consideradas trascendentes, A) varios días de mirar lo que indicaban y juntar coraje para realizarlo; B) encontrar el día apropiado con tiempo a discreción para dedicarle y sin distractores que interfirieran ya que esto que Ustedes hacen tan sencillo para mi impresionaba como una cirugía a corazón abierto. Por ello, nuevamente, ¡Muchas Gracias!

      Eliminar
    7. Finalmente noté que el botón Google + queda más alto que el resto y que el botón linkedin se separa mucho de los otros. ¿Tiene esto solución?

      Eliminar
    8. Olviden el tema de la línea de "Etiquetas" uno de esos milagros que "Yo no entiendo" hizo que aparezca la línea. Todo bien con ello, entonces.

      Eliminar
    9. No se si llegaré un poquito tarde, pero les dejo el tutorial que he realizado para insertar una barra de botones sociales en el blog.
      http://blog.jagecreative.com/2012/07/como-insertar-botones-sociales-en-caja.html
      Espero que os sea de utilidad. Un saludo Jesus y Fendes

      Eliminar
    10. Cómo hago para poner otras redes sociales (de esta manera que explicas lo de linkedin) debajo de cada entrada cuando quiero poner varias, ejemplo: pinterest, compartir, enviar de facebook... porque me da error si pongo todo debajo de la linea que indicas.

      Y aparte no consigo todos los códigos html de las redes, me gustaría un combo donde aparezcan todas juntas.

      Hay casos donde el html te dice poner tu url y si yo quiero que twitteen mi entrada pero no tengo twitter y por lo tanto url... qué pasa? Dónde consigo todos los códigos y cómo ponerlos juntos en plantilla? Gracias!!!

      Eliminar
    11. Hola Yanina,
      Si te parece vamos por parte. Sin embargo he visto tu blog y estás usando las plantillas dinámicas, no es que sea malo pero no puedes personalizar la plantilla tal y como describo aquí. A menos claro que se trate de otro blog.

      Aclárame un poco más ¿te parece?

      Gracias por comentar y a la espera de lo que me digas.
      Jesús González

      Eliminar
  7. Muchas gracias Jesús!!
    Hacia tiempo que quería introducir este botón en mis post.

    ResponderEliminar
  8. Hola Jesús, al intentar seguir tus instrucciones, encuentro dos veces el termino, post-footer-line post-footer-line-1 y tras meter el código debajo de estas dos localizaciones, no consigo que aparezca el dichoso botón de linkedin, me puedes ayudar?

    ResponderEliminar
    Respuestas
    1. Hola JA Vidal,

      El hecho es debido a que usas las plantillas dinámicas de Blogger y no puedes personalizar el HTML.
      Las platillas tienen muchas ventajas pero también esta gran desventaja.
      Saludos
      Jesús.

      Eliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog