La forma de que se muestren es simple. Hay que entrar por Diseño > Elementos de página > Entradas del blog > Editar y allí marcar la opción "Mostrar botones para compartir".
Sin embargo, como en otras ocasiones, las plantillas modificadas se pueden ver afectadas negativamente por estas innovaciones. No es que fastidien nada, no. Simplemente es que las novedades no se incorporan debidamente y los nuevos cacharritos pueden no funcionar.
El motivo es que estas nuevas líneas de código (no son otra cosa mas que eso, líneas de código) se añaden automáticamente al código general de una plantilla. Para ello, Blogger toma unas referencias que existen en las plantillas estándar que nos regala, pero que pueden no estar en otras que hemos modificado sustancialmente o que incluso hemos tomado de otros sitios. Así, cuando no encuentra esas referencias, no se inserta todo el código necesario y es cuando la cosa no termina bien.
La solución es entonces, incorporar manualmente lo que Blogger se haya podido comer y que en este caso concreto, suele ser la llamada mediante un include al correspondiente includable (o rutina) que realmente tiene el código del artilugio. En este caso...
<b:include data='post' name='shareButtons'/>
Este tipo de botones van normalmente en el pie del post, por lo que habrá que insertar el código dentro del DIV formateado con la clase post-footer, aunque realmente podeis poder la llamada en cualquier otro sitio que seais capaces de identificar en vuestra plantilla.
En la mayor parte de los casos, con insertar esa simple línea los problemas se solucionan, pero si aún así los botones siguen sin verse en tu blog, todavía puedes intentar algo más. Se trataría de insertar, además del anterior, también el código completo del artilugio, o sea, el includable que contiene la rutina.
Sería este y puede ir detrás o delante de cualquier otro includable. Como referencia, en las plantillas clásicas viene justo antes de <b:includable id='backlinks' var='post'>. Suerte.
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, "_blank", "height=270,width=475"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "_blank", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, "_blank", "height=415,width=690"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, "_blank", "height=270,width=475"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "_blank", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, "_blank", "height=415,width=690"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.
Y muchos más artículos interesantes si nos sigues en...
Gracias Oloman.
ResponderEliminarNo los tenia puestos.
Saludos
Hola Oloman :D
ResponderEliminarPrecisamente eso estaba viendo ayer, pues en algunas de las plantillas no aperece, lo que hicé es mover manulamnete el código completo, a partir de las clases de los botones <a class='share-button sb-email'.......y si se ven perfectamente, lo puse en el post-fotter en la segunda linea, mi duda es si no habrá algún inconveniente ya que eliminé el identificador (id='shareButtons') y la condición, qué piensas?
Hice la prueba aquí: http://cuentosdenochess.blogspot.com/
¡Gracias Oloman! Con la primera opción ha sido suficiente. :)
ResponderEliminarUna pregunta sobre estos artilugios: ¿se puede hacer algo similar con "Enlaces a esta entrada"? Ya sé que Blogger en ésto va cuando quiere, pero he visto en algunos blogs que últimamente sí les funciona.
Mil gracias y saludos. :D
Gildo, me ha hecho gracia tu frase. Sólo le ha faltado un adjetivo para que significara otra cosa ¿No los tenías BIEN PUESTOS?!! :D
ResponderEliminarKarla, lo más "estético" para la plantilla es dejar el código dónde estaba (en los includables) y luego poner la "llamada" en dónde dices (post-footer). Pero aparte de eso, creo que no te debería dar más problemas que el siguiente que comento. En ese sitio, los botones se verán siempre en cualquier tipo de página (Inicio, navegación por etiquetas, etc.). Si lo compruebas, verás que en esos casos los botones te enlazan con la URL del navegador, que será la correspondiente al tipo de páginas mencionado, cuando lo que se pretende es enlazar con determinado post. Aunque por facilidad dije que se pusiera en el post-footer, en mi opinión es casi mejor ponerlo antes de los comentarios y, en cualquier caso, dentro de un condicional que sólo ejecute cuando estamos en entradas individuales (item).
Olvido, estás teniendo mala suerte conmigo, porque desconozco las respuestas a tus preguntas. En este caso, nunca me he metido a ver como funcionan los backlinks. Particularmente me funcionan y por eso no he tenido la necesidad de averiguar nada sobre ellos. Además me parece un código algo complicado. Lo siento.
Oh, ningún problema, gracias igualmente. Se me ocurrió porque ya es la segunda vez que se me soluciona algo añadiendo la "llamada" a uno de estos objetos, por lo que pensé que quizás sea un problema común a los artilugios que aparecen en "Opciones de la página de entrada". Tendré que mirar.
ResponderEliminarSaludos. :D
Gracias por entenderlo.
ResponderEliminarMuy util el articulo, dejame decirle que me gusta mucho el blog , es de mucha utilidad, Saludos y que sigan los exitos!!!!!
ResponderEliminarSaludos y gracias :)
ResponderEliminarHmm... todas las plantillas Blogger pueden ser modificadas desde Diseño > Edición de HTML... que yo sepa.
ResponderEliminarhola!
ResponderEliminarantes de nada, quería felicitarte por el blog, me encanta!
estoy un poco perdida, porque estoy haciendo un blog,pero no se nada de informática, y he puesto lo de los botones sociales, pero no se como debo indicar cúal es el enlace..porque, tendré que ponerlo,no?
Gracias!
No es necesario Sara. Al insertar los botones, el código se ajusta para que vayan a los correspondientes sitios con la dirección de la entrada en que se encuentran.
ResponderEliminarHola Oloman, no he tenido suerte. Esta plantilla (Aspire) es de las duras. He seguido tus instrucciones e incluso he experimentado un poco, pero no consigo ningún resultado. Buscaré otras variantes. Gracias!
ResponderEliminarhttp://www.laedadeoro.org/
En un principio, si introduces los dos trozos de código que aporto, no deberías tener problemas. Sin embargo, no puedo comprobar nada porque en tu plantilla no están ninguno de los dos actualmente. Suerte con las variantes :D
ResponderEliminarGracias, Oloman. Seguiré intentándolo.
ResponderEliminarHola. Lo tenía pendiente, pues lo intenté hace tiempo y no se mostraban de manera automática. Siguiendo tus instrucciones ya están visible. Gracias por compartir.
ResponderEliminarUna pregunta. Aunque es aspecto no me disgusta ¿se pueden dar formato o cambiar de aspecto a los iconos? Un saludo.
Creo que sí amador. Podrías intentarlo incluyendo la clase de cada botón en la parte CSS y forzando un background nuevo. Por ejemplo, para el primer botón que lleva class='share-button sb-email', tendrías que incluir esto:
ResponderEliminar.share-button sb-email {background:url(DIRECCION_NUEVO_BOTON) !important;}
Por defecto esa clase tiene asignado un fondo que es el que forma el dibujo del botón y por eso hay que incluir !important.
Muy bueno, aunque me encantaría que si pudieras explicaras como agregar los botones de Facebook y Twitter, tal como aparecen al pie de tus post.
ResponderEliminarEstoy intentando hacerlo pero no hay manera... días llevo con ello y el de facebook no me va y el de Twitter no logro colocarlo donde quiero :-(
Un saludo, gracias.
Gracias. Lo intentaré en cuanto tenga más claro lo que quiero. Un saludo.
ResponderEliminarEl Cholija, como no eres el primero que tiene problemas con eso, en unos días publico algo al respecto. Espero que sea lo que necesitas.
ResponderEliminarHola Oloman. Yo tengo un problema. No los tengo marcados en la opción que mostraste arriba, y sin embargo aparecen debajo de cada post. Cómo hago para sacarlos?
ResponderEliminarMuchas gracias!
Roma, es posible que te falte un condicional que comprueba si la opción está marcada o no. En ese caso, puede ocurrir lo que comentas de que salga siempre.
ResponderEliminarPara eliminarlos definitivamente, puedes borrar todas las líneas de código que aquí se muestran, aunque sería suficiente con eliminar la que se ofrece sola en primer lugar:
<b:include data='post' name='shareButtons'/>r;
Bien, ¿qué ocurre si todavía conservas la plantilla antigua de Blogger? ¿Cómo se colocan esos malditos botones?
ResponderEliminarEstoy harta de buscar.
Gracias.
Mara tienes que buscar el código que los desarrolla y dónde venga "data:post.url", lo cambias por "$BlogItemPermalinkURL$". No tengas en cuenta las comillas.
ResponderEliminarNo sé si te valdrá para estos botones en concreto pero sí te vale para cualquiera de los otros que te proporcionan directamente los distintos servicios. Aquí un ejemplo.
Hola oloman,
ResponderEliminarqueria saber si me puedes ayudar con algo relacionado a esto. yo quiero que en esos enlaces a la hora de que la gente publique en facebook se vea el titulo del post y el inicio del post. Es que a mi se me ve el titulo del post y la descripcion que tengo en mi blog. Sabes si se puede hacer lo que digo??Saludos y gracias
Pues seguro que tiene que haber alguna forma Baul Extremeño, pero no controlo yo el tema ese de Facebook. Incluso puede ser cosa de las plantillas del nuevo diseñador... Lo siento, pero eso no sé solucionarlo.
ResponderEliminarHola Oloman
ResponderEliminarHe utilizado el código html que nos proporcinas para los botones, ya que activandolos estos no aparecían. El problema es que he estado probando si funcionaban y me temo que el boton de facebook no va bien. ¿Cual puede ser el problema?
Te dejo el blog para que puedas comprobarlo.
http://yournewenglishteacher.blogspot.com/
Laura, probando en tu blog, a mi me funcionaron bien todos. Quizás no estabas logueada en Facebook o algo así...
ResponderEliminarMuchas gracias, pero no logro entender, soy novato en esto, pero no logro integrarlo
ResponderEliminarJunior, preferiría que lo entendieras, pero si no es así, intenta seguir al menos las instrucciones.
ResponderEliminarHola Oloman,
ResponderEliminarTengo un blog y cuando quiero compartirlo en facebook, en vez de salir la descripción, sale un comentario de la entrada. Si no hay comentario no sale nada. Me gustaría que saliese la descripción de mi blog
¿Me puedes ayudar? Gracias
El blog es mnati.blogspot.com
Lo he estado viendo Nati, pero no sé cual es el problema. Pienso que es cosa del propio sistema de Blogger para enviar entradas a Facebook, ya que en mis pruebas, con el botón "Me gusta" y el de "Compartir" (originales de FB), sí que sale la descripción.
ResponderEliminartodo esta perfecto,pero no explicas donde hay que poner los codigos o k hay que hacer!! Mal post!! :(
ResponderEliminarPuede Marco Antonio, pero lo explico lo mejor que puedo... Y sí he indicado el sitio dónde se debe incorporar cada uno de los dos trozos de código que componen este artilugio. Sólo hay que leer despacio lo que escribí. Otra cosa es que no pueda concretar más para decir la línea exacta para cada una de las miles de plantillas que existen.
ResponderEliminarHola! Yo tengo en mi blog una vista dinámica,al hacer clic en alguna entrada aparecen en la parte inferior los botones de G+, Me gusta y el de Twitter, quiero quitarlos, sé que hay un código para eso, antes lo he usado, pero lo perdí al hacer edición =(. Alguien puede ayudarme a resolverlo?
ResponderEliminarMil gracias!
¿Un código? Aunque hay un truco para poder editar las plantillas dinámicas, lo normal es que no haya acceso. No uso ninguna de ese tipo, pero supongo que existirá en el Escritorio la misma opción que aquí se explica ¿es así?
EliminarSí, en Diseño>Configuración entradas, está "Mostrar botones para compartir" como aquí se menciona, pero no tiene efecto en el diseño de vista dinámica.
EliminarNunca he activado esa opción y aún así, cuando elijo alguna vista dinámica aparecen los 3 botones que menciono (G+, Tweet y Me gusta) en la parte inferior central de la entrada y se repite el de G+ en la parte superior izquierda.
El código, etiqueta (¿o cómo se le llamaría?) lo colocaba en Diseñador de plantillas>Avanzado>Añadir CSS.
Según recuerdo incluía la palabra "shared", imagino que era algo para bloquear...
(Eliminé el mensaje anterior porque por las prisas no me di cuenta que me había salido del hilo de la conversación).
Vale. No he utilizado nunca esas plantillas salvo para alguna pequeña prueba y por eso no sabía si existía la opción, pero me diste la pista.
EliminarTienes que añadir al CSS esto:
.article .article-footer .share-controls {display:none !important;}
Con eso no los eliminas, pero los ocultas.
Creo que no he entendido bien cómo hay que hacer esto. Mi duda es ¿Dónde tengo que poner la llamada? Es que no sé qué quieres decir con eso del DIV formateado con la clase del .post-footer. En mi plantilla cuando busco .post-footer solo me aparecen 3 y no veo un div cerca.
ResponderEliminarOtra duda es que le doy a expandir plantilla de artilugios para buscar el código de los botones (ya lo tenía en la plantilla) si lo borro y lo sustituyo por el tuyo se me eliminan todas las entradas del blog. Si dejo el que tengo e intento incluir la llamada que indicas me da error...
He visto tu blog y no necesitas hacer esto que se explica aquí, pues ya tienes el código correspondiente incluido en tu plantilla. Posiblemente el problema sea el primero que se cita, que no marcaste la opción de mostrar esos botones.
EliminarSi tengo la opción marcada. Si busco la llamada en mi plantilla no me aparece de ahi mi duda :(
EliminarVale, eliminada la causa más fácil. Ahora prueba a buscar esto y a meter dentro la llamada. Ojo que es posible que tu tengas una sola línea con el cierre del div incluido en ella:
Eliminar<div class='post-footer-line post-footer-line-3'>
AQUI
</div>
yo tengo plantilla clásica.. y no me salta expandir artiguos.. pero quiero colocarle el botón de tweet compartir en twitter y no se como hacerlo! me ayudas?
ResponderEliminarAquí tienes cómo añadir ese y otros más: Botones sociales. Facebook, Twitter y Bitacoras, aunque no sé si funcionarán en el tipo de plantilla que usas.
EliminarMi problema es que ni siquiera puedo tildar la opcion "Mostrar Botones para compartir" en el menu de configuracion de entradas... Que puede estar ocurriendo? Hice todo lo que mencionas sobre los codigo y nada.
ResponderEliminar¿Como que no puedes seleccionar la opción? Podría ser que no pudieras editar el bloque Entradas del Blog, pero si lo puedes hacer, seguro que puedes marcar eso de los botones y luego Guardar ¿qué haces exactamente?
Eliminarcomo hago para que me mestre (via @usuario)
ResponderEliminarCon los botones estos que vienen de serie, no sé si será posible. Con el oficial de Twitter sería añadiendo un data-via="Vía: @usuario"
EliminarMe podrían ayudar. No sé que pasa pero el blogger no me deja señalar los iconos de Compartir. Antes estaba funcionando a la perfección pero ahora ya no :'(
ResponderEliminar¿Algún dato más? ¿Dónde no te deja señalar y qué quiere decir eso de "señalar"?
EliminarHola Oloman, muchas gracias por tu atención y tu paciencia! Estoy siguiendo las instrucciones que has dejado aquí para poder insertar los botones de redes sociales después de cada entrada y he copiado el código en la plantilla de blogger. Sin embargo, no hay manera de que aparezcan aunque he repetido el proceso varias veces. No tengo ni idea de lenguaje html, pero en principio un copiar-pegar debería bastar, no? Uffff
ResponderEliminarYo si los veo Educaliaweb.
EliminarSería de agradecer que de la misma manera que planteais aquí vuestros problemas, escribierais algo cuando los solucionais, pues uno tiene un tiempo limitado para estas cosas.
Saludo Oloman, queria saber en que parte se coloca el codigo HTML gracias
ResponderEliminarno se carga meda un error en la plantilla
ResponderEliminarQuizás no los estás incluyendo dónde debes Orlando. En los dos trozos que doy explico las referencias en la plantilla que sirven para insertarlos correctamente.
EliminarHolaaa, cuanto tiempo...los malditos botones me traen de cabeza, lo he puesto todo como dices en tu entrada pero siguen sin verse, igual no los coloco bien, no se ya que intentar, no se ve ninguno!!
ResponderEliminar¡Hola! Muchísimas gracias por tu ayuda. Seguí tus indicaciones y logré hacer visibles los Botones de las redes sociales. Me dio un poco de trabajo encontrar el lugar donde pegar el código pero... final feliz, aquí el resultado: http://alsitiolenguasprofesores.blogspot.com/ Y si me lo permitís, aprovecho y te hago una consulta relacionada con el tema: en mis dos otros blogs, http://alsitiolenguas.blogspot.com/ y http://alsitioartes.blogspot.com/, los Botones sí estuvieron visibles desde el momento en que activé la opción pero lo que no me resulta posible es Configurar la entrada a fin de reubicar los elementos como quisiera. ¿Sabés si hay alguna manera de hacerlo? Muchas gracias
ResponderEliminar