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 entrada: post-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
Entradas
Perfecta tu explicación y clarísima. Me ha funcionado a las mil maravillas. Muchas gracias.
ResponderEliminarGabriel
Gracias a ti por tu comentario!
EliminarA 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.
ResponderEliminarHola Miguel
EliminarEfectivamente 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!
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!!!
ResponderEliminarGuau.....menudo gran comentario The Carousel of Dreams y bienvenid@ a iniciaBlog.
EliminarGracias por pasarte por aquí!
Jesús González.
y aunque estoy empesando con mi blog ya he dado pasos enorme gracias ati un abrazo
ResponderEliminarHola Andreina Zerpa,
EliminarMe alegra muchísimo a la espera de un nuevo comentario tuyo donde me invites a visitarte!
Gracias y mucha suerte
Jesús González
gracias por el dato!!
ResponderEliminarsaludos
Facundo.
Gracias a ti, por darte una vuelta por iniciablog y dejar tu comentario..
EliminarMe ha parecido de lo más interesante tu blog...
Un fuerte abrazo!,
Jesús González
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.
ResponderEliminarUn saludo Jesús
José Antonio, Buen día, puedes comentar ¿cómo lo ingresaste a la caja flotante?
EliminarHola 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
EliminarEn primer lugar, gracias Jesús por el aviso.
EliminarRespecto 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
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.
EliminarJesús González
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.
EliminarMi 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.
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!
EliminarFinalmente 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?
EliminarOlviden 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.
EliminarPerfecto!
EliminarNo se si llegaré un poquito tarde, pero les dejo el tutorial que he realizado para insertar una barra de botones sociales en el blog.
Eliminarhttp://blog.jagecreative.com/2012/07/como-insertar-botones-sociales-en-caja.html
Espero que os sea de utilidad. Un saludo Jesus y Fendes
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.
EliminarY 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!!!
Hola Yanina,
EliminarSi 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
Muchas gracias Jesús!!
ResponderEliminarHacia tiempo que quería introducir este botón en mis post.
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?
ResponderEliminarHola JA Vidal,
EliminarEl 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.