JMiur [E]

Por fin Blogger Buzz ha decidido hacer público que los botones de compartir están disponibles en todos los blogs; casi un mes después de haberlos agregados y varios dias después que Rosa nos contara que habían comenzado a funcionar.

El includable que controla todo eso ya fue incorporado a todas las plantillas así que podemos verlo si expandimos los artilugios:
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
.......
</b:if>
</b:includable>
Lo que puede faltar en algunas plantillas es el código que carga esa parte y que debería encontrarse dentro del includable de las entradas, por lo general, en el pie de página, por ejemplo, luego del ícono de edición:
<b:includable id='post' var='post'>
.......
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
.......
<!-- share buttons -->
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
De no existir, simplemente lo agregamos allí o donde se nos ocurra mostrarlo; además se debe habilitar como cualquier otra opción. Para eso, hay que ir a Diseño, hacer click en Editar Entradas del blog y marcar la casilla correspondiente.


Como todo elemento de Blogger, puede ser eliminado pero para eso no basta borrar el includable ya que es uno de esos elementos "obligatorios", por más que lo borremos, volverá a aparecer. Para quitarlo, hay que eliminar el contenido y dejar las etiquetas del includable:
<b:includable id='shareButtons' var='post' />
Así, tal como está pensado, posee una serie de propiedades por defecto, algunas de las cuales podemos modificar pero no demasiado.


.post-share-buttons  {
display: inline-block;
margin: 0 0.5em !important;
vertical-align: middle;
width: 106px;
}
.share-button {
background: url("/img/share_buttons.png") no-repeat scroll left center transparent !important;
display: block;
float: left;
height: 22px;
overflow: hidden;
width: 21px;
}
a.share-button:hover {text-decoration: none;}
.share-button-link-text {
left: -999px;
position: absolute;
}
.sb-email {background-position: 0 0 !important;}
a.sb-email:hover {background-position: 0 -22px !important;}
a.sb-email:active {background-position: 0 -44px !important;}
.sb-blog {background-position: -21px 0 !important;}
a.sb-blog:hover {background-position: -21px -22px !important;}
a.sb-blog:active {background-position: -21px -44px !important;}
.sb-twitter {background-position: -42px 0 !important;}
a.sb-twitter:hover {background-position: -42px -22px !important;}
a.sb-twitter:active {background-position: -42px -44px !important;}
.sb-facebook {background-position: -63px 0 !important;}
a.sb-facebook:hover {background-position: -63px -22px !important;}
a.sb-facebook:active {background-position: -63px -44px !important;}
.sb-buzz {background-position: -84px 0 !important;width:22px;}
a.sb-buzz:hover {background-position: -84px -22px !important;}
a.sb-buzz:active {background-position: -84px -44px !important;}

La más simple es ocultar cualquiera de ellos con display:none aunque, como se trata de un sprite, si ocultamos el primero o el último, se perderá el efecto de "curva" de esos botones; es decir, esta pensado para ser usado así como viene; de todos modos:

.sb-email {display:none;} /* oculta el ícono de email */
.sb-blog {display:none;} /* oculta el ícono de blog */
.sb-twitter {display:none;} /* oculta el ícono de Twitter */
.sb-facebook {display:none;} /* oculta el ícono de Facebook */
.sb-buzz {display:none;} /* oculta el ícono de Goggle Buzz */
El rectángulo que los contiene tiene un clase CSS que es posible sobrescribir y de esa manera, posicionarlo con cierta exactitud donde se nos ocurra. Para eso, me parece que lo mejor es utilizar las propiedades de posición (left top right bottom) aunque podría usarse cualquier otra:
.post-share-buttons {
display: block;
margin: 0 auto !important;
position: relative;
top: -30px;
}
Aunque no lo utilicemos y sigamos empleando nuestros propios íconos para compartir, podríamos sacar ventaja de ellos porque nos ayudará a simplificar nuestros códigos y a darles una mejor terminación. Por ejemplo, en una entrada anterior se mostraba la forma de agregar esos botones y bastaría cambiar un poco ese código:
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' title='Compartir en Facebook' target='_blank' rel='nofollow'> texto/imagen Facebook </a>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' title='Enviar a Twitter' target='_blank' rel='nofollow'> texto/imagen Twitter </a>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' title='Compartir con Google Buzz' target='_blank'> texto/imagen Google Buzz </a>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' title='Enviar por correo electrónico' target='_blank' rel='nofollow'> texto/imagen EMail </a>
Y agregamos el de enviar al blog:
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' title='Escribe un blog' target='_blank' rel='nofollow'> texto/imagen Blogger </a>
Para que esto funcione debemos habilitar la opción y eliminar <b:include data='post' name='shareButtons'/> de nuestra plantilla.

No hay mucho más que eso excepto, esperar que ahora que ya está funcionando, reparen el problema con Facebook ya que, vaya uno a saber por qué motivo, de un tiempo a esta parte no se muestra el resumen de las entradas tal como ocurría antes y entonces, el compartir se transforma en algo bastante precario.

103 comentarios:

Unknown  

El caralibro funciona :(

Tengo que leerme esto con mucha atención, buen sábado :P

Responder
Anónimo  

Gracias!

Eu tentava apagar o código inteiro e sempre voltava...depois descobri como apagar só a parte dos botões e eles não me encomodaram mais hehehe,não gostei dessa novidade.

[ ]s

Responder
Anónimo  

Me gustan mas los botones que usa este blog que los que Bloogger nos da. Se tardaron tanto en hacer esta funcion que ya casi todos optamos por usar nuestros propios botones

Responder
Anónimo  

Tengo un problema. Mi blog de pruebas (http://etbpruebas.blogspot.com/) me tarda mucho en cargar. Se que tiene muchas cosas pero me gustaria que cargara mas rapido ¿Tiene que ver que los scripts esten alojados en Google Sites? Veo que es lo que mas tarda en cargar.

Si me pudiera ayudar con algun consejo de que moverle para que no tarde tanto en cargar, porque a veces me tarda un minuto en abrir, y segun a otros compañeros les abre rapido (aunque tienen la misma velocidad de internet). De antemano, gracias

Responder
JMiur  

Don Choky:
No veo que tarde demasiado en cargarse en absoluto así que, si por lo que cuentas a otros les parece lo mismo, diría que el problema nada tiene que ver con el alojamiento de los scripts.

De todas maneras, siempre se puede optimizar, reduciendo la cantidad de archivos, por ejemplo, uniéndolos en uno solo y no en varios, usando las librerías del mismo Google para jQuery, etc:

http://vagabundia.blogspot.com/2010/04/page-speed-o-cuando-google-nos-mira-feo.html

Responder
Aretino  

Y se puede ampliar la lista de botones que nos dan por defecto?

Responder
miau miau  

Hola! Como se podría mover la barra de los botones?. Está a la izquierda y me gustaria centrarla o moverla a la derecha. Gracias

Responder
JMiur  

Aretino:
Los que ahora hay disponibles son esos, puedes agregar otros pero en ese caso, el código debes escribirlo manualmente.

miau miau:
Para centrarlo, ahabría que agregar algo así:


.post-share-buttons {
display: block;
margin: 0 auto !important;
position: relative;
}

Para que este a la derecha, algo así:

.post-share-buttons {
float:right
margin: 0 !important;
position: relative;
}

Responder
Angel Cba  

Gracias muy util la informacion los he incorporado y me parece que quedan perfectos.

Responder
Kunzahe  

Hola,

Usé tu entrada para agregar botones para compartir, y ahora que he visto esto he cambiado el link del de Facebook (y el de Twitter) para usar los que nos da Blogger.

La cosa es que, como dices al final de la entrada, no se muestra el resumen, ni imagen ni nada. He comprobado que la cosa ya está arreglada, o al menos al compartir esta misma entrada sí me sale, y al compartir de algún otro blog también.

Buscando por el blog he encontrado la entrada del include all head content, y he comprobado que la etiqueta está en mi plantilla (nunca he quitado nada de ella, solo añadir), y que en las entradas con imágenes estaba la etiqueta link rel="image_src" href="URL_imagen" />, por lo que problema de eso no debería ser. ¿Alguna idea de qué puede pasar?

Muchas gracias por la atención.

Responder
JMiur  

Kunzahe: No, ninguna. Evidenetemente, se trata de un problema de Blogger mismo y no tiene nada que ver con las plantillas mismas así que sólo resta esperar que ellos lo solucionen.

Responder
Anónimo  

Ya logre que cargara un poco mas rapido. Gracias por la ayuda, no habia tenido tiempo para agradecer, pero mejor tarde que nunca

Responder
Young  

que estilo amigos, gracias por todo.

Responder
El Gato  

Saludos Jmiur

¿donde se colocan los codigos de acontinuacion , antes o despues de que... ?



.post-share-buttons {
display: block;
margin: 0 auto !important;
position: relative;
}

Para que este a la derecha, algo así:

.post-share-buttons {
float:right
margin: 0 !important;
position: relative;
}

Responder
Diego Salatino  

Hola, una consulta... por mas que los selecciono no aparecen en mi blog que podra ser o que tengo que modificar en el codigo del theme? Gracias

Responder
JMiur  

Puedes colocarlo junto con el resto del CSS, antes de &lt/b:skin>

Responder
JMiur  

*D@S:
Revisa que esté esto:
<b:includable id='shareButtons' var='post' />
y verifica que esté habilitado tal como dice el post.

Responder
El Gato  

jmiur:

no me funciona ni encuentro el tal &lt/b:skin>
solo encuentro b:skin> y /b:skin> y los probe en los dos para hecrlos al lado izquiero y derecho arriba y abajo de b:skin> y de /b:skin>
y nada

Agradeceria tu ayuda

Responder
JMiur  

Es:
<b:skin>
o
</b:skin>

Tendría que ver tu blog para fijarme si hay un error de alguna clase.

Responder
Espe Saavedra  

hola.como no soy capaz de modificar la plantilla,he ido a lo de diseño,editar entradas y a mi no me sale esa opcion.tengo un blog,que he abierto hace pocom, en el que si me salen lo iconos pequeñitos del faceebok,pero en el que realmente quiero ponerlo que es este: www.espesaavedrablogspot.com, no puedo hacerlo

Responder
JMiur  

Espe:
En este blog http://www.espesaavedra.blogspot.com/ se ven perfectamente, debajo de cada entrada.

Responder
Luis Kasanova  

Me ha servido mucho este entrada JMiur... resulta que últimamente en mi blog www.vidaseductiva.blogspot.com aparecían esos botones para compartir por defecto de blogger sin haberlos habilitado!!! y pues como dices sólo borré la información que contenía el dejando el includable intacto y me funcionó, pude solucionarlo.

Saludos y gracias! :)

Responder
JMiur  

Es raro eso. Tal vez, la plantilla no tenía el condicional y por eso se mostraba siempre. De todas maneras, si se ha solucionado, todo bien :-)

Responder
Viktor Lecter  

Oye Jmiur, ¿y ya sabes como solucionar el problema ese del resumen en los post?, yo le agrego otro, cuando comparto una url desde mi blog, aparece el título de mi blog y no el título de mi post... (ya tiene tiempo este problema).

Responder
Viktor Lecter  

Ya solucioné un error (por si a alguien le sirve), lo que pasaba es que yo tenía el metatag: <META NAME="TITLE" CONTENT=""> y aparte el título del blog dentro de <title> y </title> por lo tanto y pese a los condicionales que le puse para optimizar los títulos, el metatag con el título del blog se quedaba siempre por fuera y facebook lo leía en las páginas de los post.

Bueno ya solucioné el asunto del título, supongo que los comentarios van por ahí mismo, pero esta vez no dependen de Facebook ni de nuestros arreglos sino del que sabemos... "BLOOOOOOOGGER".

Responder
JMiur  

Víctor:
Lo del META title es correcto; si ela etiqueta TITLE está condicionada para que muestre el título de las páginas y no el título del blog, la etiqueta LETA también debe ser condicionada del mismo modo.

Responder
Unknown  

Le quite la etiqueta Title y ahora si funciona, será que afacta en algo el posicionamiento y el funcionamiento del blog.

Perdón por la doble respuesta

Responder
JMiur  

La etiqueta <title> es fundamental (obligatoria) y no debe ser eliminada.
La etiqueta <meta title='.............> es optativa.

Si TITLE está condicionado, condiciona el META para que sean iguales pero no elimines TITLE.

Responder
Unknown  

Perdon tanta molestadera, si implemento la etiqueta de que forma la pongo para que al compartir en Facbook me muestre el titulo de la entrada, por que si pongo <title>......</title> no funciona y veo que a ti si te funciona, como lo hiciste :(

Responder
Unknown  

Mira que ahora si funciona bien, deje la etiqueta title, pero me di cuenta de lago que no funcionaba bien, ya que tenia los metas, para las metas duplicadas y lo puse de esta forma

<b:if cond='data:blog.pageType == "item"'>

  <!-- esta es la descripción para una página individual -->

<meta expr:content='data:blog.pageName' property='og:title'/>

  <meta expr:content='data:blog.pageName + " Noticias, Info y Chismes sobre Anime, Manga y Cultura Japones, Descargas, Curiosidades y Más... "' name='description'/>

<b:else/>

  <!-- esta es la descripción para el resto de las páginas -->

  <meta content='Información sobre el Manganime, Cultura Japonesa, con muchas noticias y chismes que te gustaran' name='description'/>

</b:if>;

Quería preguntarte si así representa algún problema, o lo puedo dejar así???

Responder
JMiur  

Lo de las etiquetas META es esto que se muestra en esta entrada y es razonable.

En este blog no utilizo ninguna etiqueta de Open Graph; ni para títulos ni para nada más. La parte de los títulos, está condicionada con el mismo criterio que las etiquetas META. Algo así como se muestra en esta entrada.

Responder
Unknown  

Hola. Por mas que selecciono los botones para copartir en mi blog, le doy a guardar , me da como que se han hecho los cambios pero luego no aparecen en mi blog al final de las entradas. Sabes que puede pasar?

http://encocinaando.blogspot.com/

Gracias.

Responder
JMiur  

¿Has revisado que aparezca este código?

<b:include data='post' name='shareButtons'/>

Responder
Unknown  

No, esto es lo que aparece:

b:include data='blog' name='all-head-content'/
title data:blog.pageTitle/ /title
b:skin ![CDATA[/

Pero en la configuración de entradas de blog sí aparecen los iconos y tengo la opción ticada.
Otra pregunta en editar plantilla para expandir , tengo que tenerla .señalada? es que no la tengo ticada.
Muchas gracias de nuevo por tu ayuda.
Besos

Responder
Unknown  

Le he quitado los simbolos de htlm, si no no me dejaba publicar el comentario.
Gracias

Responder
JMiur  

Marca la opción Explandir los artilugios y luego, busca el código que te dije. Seguramente falta y es por eso que no se muestran los íconos.

Responder
Unknown  

Tienes razón, no aparece ese código. Voy a leer mas arriba a ver si averiguo donde tengo que ponerlo exactamente.
Gracias de nuevo.

Responder
JMiur  

Se coloca en alguna parte del post-footer; generalmente dice:
post-footer-line post-footer-line-1
post-footer-line post-footer-line-2
etc

Ahi donde estám las etiquetas y el autor. En cualquier parte de esa zona.

Responder
Unknown  

SALIOOOO¡¡¡¡¡Mil gracias por tu información.
Besos

Responder
JMiur  

Perfecto, leoletta :D

Responder
Secaida  

Y sabes alguna manera de deshabilitar estos botones en las paginas de manera que solo se vean en los posts. Es que me gustaria poder quitarlos de las paginas individuales pero no se si se puede.
Gracias desde ya, saludos!!

Responder
JMiur  

Bastaría condicionar el código; algo así:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

Responder
Secaida  

Gracias JMiur, voy a ver si puedo implementarlo.
Saludos!!

Responder
Marcelo Mendoza  

Gracias JMiur, por tus aportes, siempre te sigo de cerca ;)

Responder
Filmaholics  

Hola JMiur, me acabo de dar cuenta de esta opción ahora y la he intentado introducir en mi blog.

Falta el código para cargarlo así que lo he introducido como indicabas. El único problema es que me salen los iconos mal ordenados en 2 filas... He probado cosas introduciendo el códgio '.post-share-buttons' (que tampoco estaba) pero salen igual y transparentes.

¿Algíun consejo?

Muchas gracias!

Responder
Filmaholics  

PD: Perdón, mi blog es http://stillemall.blogspot.com/

Responder
JMiur  

Agréga una regla de estilo; por ejemplo:

.post-share-buttons {
width: auto;
}

Si no te funciona, coloca width con algún valor; ahora dice width; 106px asi que podrías probar con:

.post-share-buttons {
width: 145px;
}

Responder
Filmaholics  

Se ha solucionado lo de las filas pero sigue dejando una separación de ciertos píxels entre iconos... Intento pelearme con más reglas de estilo, pero ni caso, un servidor no dispone de conocimientos suficientes xD

Gracias de nuevo.

Responder
JMiur  

En tu blog, todos los enlaces del footer de las entradas tinen agradado un pargen:

.post-footer a {
margin-right: 6px;
}

En lo personal, to sacaría eso y luego, si quieres que los íconos se separan entre si, agrega algo como esto pero, con el espacio que quieras:

.post-share-buttons a {
margin: 0 1px;
}

Responder
Filmaholics  

Gracias, ya no recuerdo porqué lo tenía.

Seguiría inquiriendo sobre más dudas pero no quiero abusar.

Gracias por todo y hasta la próxima ;)

Responder
Omar Madrigal  

oie Jmiur tengo un problema que comentaron mas arriba, cuando pongo un boton en las entradas no aparece el titulo ni la descripcion de esta, si no el de la pagina en si me podrias ayudar con eso ?

Responder
JMiur  

Y tal como respondí varias veces. eso es lo que ocurre en Blogger.

Responder
MinGi  

hola una pregunta he estado buscando mucho en tu blog sobre como puedo poner ejemplo la imagen de facebook y twitter encima de la cabecera asi como tienes lo de HTML Elemental en tu cabecera y das click y te manda ahi es que busco y no encuentro muchisimas gracias de antemano :)

Responder
Omar Madrigal  

bueno Jmiur gracias, esperemos que Blogger solucione eso
gracias.

Responder
JMiur  

FANAMURO: Dependerá del blog al que te refieras. No sé cual es.

Responder
MinGi  

bueno es un template que tome de btemplates http://btemplates.com/2010/blogger-template-rounded-box/demo/ es esta no se si puedas ayudarme

Responder
JMiur  

Hay que ver tu ejemploconcreto pero, primero, agrega un elemento HTML en el header y allí, colcoa lo que quieras mostrar. Hecho eso, habrá que verlo para darle las propeidades CSS adecuadas y posicionarlo.

Responder
Viktor Lecter  

Últimamente hay un error con esos botones, ya no salen en algunos blogs, es un misterio...

Responder
JMiur  

Es un misterio, esa es la verdad. Voy a ver si publico la solución o por lo menos la que ha funcionado en varios otros casos donde preguntaban eso mismo. Debe ser una epidemia :-)

Responder
Anónimo  

Oye Jmiur ya tiene varios dias que los botones para compartir de blogger desaparecieron, estaban bien y se veian perfectamente, pero de dias atras desaparecieron, cheke el codigo de nuevo y esta bien, lo habilite en el post y tampoco aparecen.

Que podra ser?

Responder
JMiur  

Fíjate acá.

Responder
SandeeA  

pues a mí me ha pasado que antes se veían los botones simplemente seleccionándo la opción en "entradas" y ahora, sin hacer ningún cambio en la plantilla, me han desaparecido... he probado lo que comentas de incluir ese código... pero tampoco se ven... qué crees que ha podido pasar? muchas gracias!

Sandeea www.larecetadelafelicidad.com

Responder
JMiur  

Fíate en esta entrada, SandeeA

Responder
Admin  

JM, estoy tratando de poner los dichosos botones en la plantilla de mi hijo, pero es chino básico esta plantilla, por lo que logré ver el primer código si está, faltaría el de abajo, el que va después del lapicito de edición, pero no puedo encontrar esa parte en la plantilla, es muuuy raraa, ya estoy bizca de mirar códigos :O

Parece que lo que falta es lo de share buton, etc, etc.
Pero no encuentro donde ponerlo, intenté en varios lado pero me da errores de colores (metafóricamente hablando) :S

Espero a ver que me decís :)

Te dejo la url de nuevo por si las moscas http://www.chatdemardelplata.com.ar

Responder
JMiur  

Si falta esta parte, hay que agregarla.

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Si va debajo de cada entrada, busca algo así:
<div class='postmeta-secondary'>
que es donde se muestran las categorías.

Responder
Admin  

No hay caso, lo dejo por hoy sigo mañana, sospecho que no están las imagenes en la plantilla, las de los botones, cuando puse el código donde me dijiste me dejaba un espacio muuuuy grande debajo de la entrada, antes del lapicito y al pasar el cursor se alcanzaba a ver el texto del hover pero no los botones.
Igual el espacio era desmedido, algo no huele bien en Dinamarca...
Mañana la estudiaré mejor y te seguiré molestando, sinó será cuestión de poner un par de botones de Twitter y Facebook, que se yo.. Que también tendrán que ayudarme porque tampoco se :D

Gracias por todo :)

Responder
JMiur  

Dejalo puesto aunque se vea un bloque y avisame. En todo cao, si está muy feo, simplemente ponele:
.post-share-buttons {display:none;}
y con eso también podré ver de qué se trata.

Responder
Admin  

Y si te mando la plantilla por correo? Es muy compleja esa plantilla, casi no encuentro nada, los códigos son muy diferentes a las otras...

Responder
JMiur  

Siempre es mejor verlo onine ya que no hay otra forma de reproducirla con exactitud. Por eso, si colocas ese DIV con los botones y lo ocultas, nadie verá nada a menos que busque y será fácil de ver el problema ... o no verlo :D

Responder
Eivan  

Bueno ahí está ya lo puse, ahh soy k_nelita estoy logueada con la cuenta de mi hijo para poder entrar en su plantilla...
Ya puse lo que me dijiste, fijate ahora, yo te decía de mandarte la plantilla no para que la reproduzcas sino para que veas el código en txt y te dieras una idea de los geroglíficos que tiene, son puros scripts, es una cosa muy rara...
Bueno ahí está :)
Obvio que no se ve nada, le puse la linea que dijiste para que no se vea el hueco...

Responder
JMiur  

Señor HaBi :D

No veo hueco alguno, se visualizan perfectamente.

Responder
Admin  

Ja ja :D Que es lo que visualizás? Los botones? El hueco no está porque le puse esa linea de código que me dijiste, pero los botones yo no los veo ni con Chrome que es el navegador que uso siempre ni con FireFox 4 que acabo de bajarme...
Con que los ves? O estás hablando de otro blog? El que te digo es http://www.chatdemardelplata.com.ar

Responder
JMiur  

Esto es lo que se ve, obviamente cuando le quito el display none: CAPTURA

En todos los navegadores es igual.

Responder
Admin  

Hola JM yo veo esto: http://4.bp.blogspot.com/-Il6A_5dmVzY/TZHl_pi2XiI/AAAAAAAAC68/6ucgBVxpLVE/s1600/captura.png
Que es eso de que le quitas en display none?
Como lo hacés y como puedo hacerlo?
Gracias :)

Responder
JMiur  

Le quito el display none :-)

Eso te dije que lo pusieras sólo para que no se mostrara el agujero del que hablabas; sin eso, los veo bien y no veo agujeros.

Responder
Rafael Monsanto Cruz  

Trato de agregar los botones para compartir en mi blog y no funciona. He tratado de forma manual y con la opcion automatica que da blogger. Podrían ayudarme?

El blog es: www.monsantopost.com

Responder
JMiur  

Revisa que hayas incluido el código:

<b:include data='post' name='shareButtons'/>

porque en el código fuente, no aparece.

Responder
DirtyMorb  

Lindo blog, gente que no sea sencible que entre a mi blog :D

Responder
Unknown  

Tú me salvaste la vida :D llevaba semanas buscando botones para compartir porque en la plantilla que tengo que no es de blogger no me aparecian los botones y batalle para buscar unos y nunca me los aceptaba. Ahora gracias a ti ya puyedo ver los botones para compartir de blogger :D genial aportacion muchas gracias!

Responder
Nam~  

Hola, qué tal? Encontré este blog investigando por un problema que tengo, y al cual todavía no pude encontrarle solución alguna, acerca de los botones para compartir.
Mi plantilla no es de blogger ( http://miregaloparavos.blogspot.com/ ) y tiene los botones para compartir por defecto desde que la bajé, no se los agregué yo. Sin embargo, cuando hago click en ellos me sale "No se encuentra la página. Lo sentimos, la página que estabas buscando en el blog * no existe."
Hay alguna forma de solucionarlo? Tengo que agregar algo en el código?
Desde ya, espero puedas responderme, y te agradezco mucho por tu atención.

Responder
JMiur  

Pués no sabría decirte. Aparentemente, todo es normal y esos botones no tienen un código personalizable, es algo que maneja Blogger internamente. Eventualmente, podrías copiar el código desde una plantilla cualquiera y reemplazarlo; es todo l oque se encuentra entre:

<b:includable id='shareButtons' var='post'>
.... y ...
</b:if>

¿Puede ser que influya el hecho que el título del blog sólo es un carácter asterisco?

Responder
Nam~  

Probé cambiandole el titulo al blog, y sigo teniendo el mismo problema.
Intentaré lo otro, a ver si consigo solucionarlo.

Muchisimas gracias por tu respuesta igualmente (: y por el blog en general, me la estoy pasando genial leyendo post tras post (:

Responder
Nam~  
Este comentario ha sido eliminado por el autor.
Responder
Nam~  

Vuelvo a comentar (perdón por el triple post, si borrás alguno no me ofendo en lo más minimo, jaja) para comentarte que lo solucioné, haciendo algo muy bobo, pero efectivo.
Resulta que en "Editar Diseño --> Entradas del Blog" no establa clickeado "Mostrar botones para compartir". Pensé que si lo clickeaba me iban a aparecer los botones por duplicado, pero no, simplemente me reemplazó los que se veían antes, y ahora funciona.
Lo único que me molesta un poco es que en vez de estar alineado hacia la derecha, como estaba antes, está pegado a donde dice "No comments"... En mi ignorancia total pregunto, habrá forma de modificar esto :P?
Desde ya, infinitas gracias por tu cooperación !

Responder
JMiur  

¿Que raro verdad? Seguramente, en la plantilla misma había algún condicional extraño.

Están alineados a la derecha, lo que ocurre, es que el botón de Google+ tiene un texto al lado y ese botón mide 300 pixeles de ancho.

Podría probar agregando esta regla de estilo a ver si eso lo soluciona:

.goog-inline-block {width:35px !important;}

De ese modo, ocultamos el texto.

Responder
Fernando_Miranda  

Buenas tardes JMiur, tengo un problema, disculpa la molestia jeje :D, lo que pasa es que cuando comparto entradas de mi blog con Facebook, no aparece el nombre de la entrada solo aparece esto:

Fherguzon Fletcher, buffet de ideas. (Titulo del blog)
http://www.fherguzonfletcher.com/2011/10... (URL de la entrada)

(Información)
Blog de musica, noticias, vintage, imagenes, informacion y musica, antigua pero tambien actual.

Pero cuando comparto esta, tu estrada "Botones para compartir de Blogger" aparece esto:

Los botones para compartir de Blogger (titulo de la entrada)
http://vagabundia.blogspot.com/2010/06/l...(Url de la entrada)

(Informacion correcta)
Los botones para compartir de Blogger. Recursos, trucos, plantillas y tutoriales para Blogger en español.

Lo que yo quiero es que aparezca la informacion como cuando comparto una de tus entradas en Facebook, no se que causa eso, ya cambie botones para compartir de Addthis, ShareThis y nada, sigue igual.

Espero me puedas ayudar, muchas gracias.

Responder
JMiur  

Deberías probar agregando las etiquetas META específicas de Facebook tal como se muestra en esta entrada.

Responder
Fernando_Miranda  

Que tal!!! :D Vaya aun que no encontre la solucion en el post que me recomendaste me ayudo para otras cosas en mi blog. Pero para solucionar el problema que te mencione lo unico que tuve que hacer es agregar a la plantilla el codigo que Facebook da para pegar antes de -body- al obtener el boton de me gusta (Like Button) de esta pagina:
https://developers.facebook.com/docs/reference/plugins/like/

Gracias por tu atencion.

Responder
Karo  

hola me gustaria saber como hacer para ocultar o kitar el boton compartir en mi facebook. si puedes enviarmelo a mi correo te lo agradeceria mucho, muy util y didactico tu blog. ojala haya mas blogs asi.te felicito .

Responder
JMiur  

No sé si tal cosa es posible, tal vez, agregando una regla de estilo como esta en el CSS:

.sb-facebook {background-position: -1000px 0 !important;}

Responder
Anónimo  

hola mira en mi blog el boton del facebook no comparte lo que pone el post comparte las metas
http://dalescana.blogspot.com
por si quereis verlo, y alguien me puede ayudar.
gracias

Responder
JMiur  

Es l oque hacen todos lso blogs de Blogger salvo casualidades. Mira esta entrada.

Responder
Ecommerceconsultores@gmail.com  

Una cosa se puede añadir el botón "linkedin" con el resto de los botones(FB,Tweent,etc). Si la respuesta es un sí, como lo puedo hacer. Lo quiero incorporar en mi blogger. "http://ecommerceconsultores.blogspot.com.es/"

Un saludo.

JMiur  

Sí, se puede. No tengo cuenta allí así que no te puedo dar los detalles pero, es el que está en este enlace.

Responder
Adela  

hola
estoy desesperada!
bajé esta plantilla para blogger: http://btemplates.com/2012/blogger-template-girl-gift/
para mi blog http://xupulina.blogspot.com.es/
pero no aparecen los botones compartir en redes sociales, lo he comprobado y está activado en las opciones de entradas, conseguí poner en el código el div de sharebuttons pero en el post están como ocultos, me crea un hueco enorme y está el enlace pero no los botones.
ya no se qué hacer! no encuentro dónde ni cómo lo han ocultado.

he utilizado mientras botones simples de compartir que he añadido yo pero quiero los de blogger estándard, ya tuve que cambiar lo de comentarios y reactionbuttons para que aparecieran abajo del post, porque salína arriba del todo! pero lo de las redes sociales no hay manera!!
me echas un cable??? gracias!!!!!!!!!!!

JMiur  

No sólo debe estar marcada la opción, la plantilla también debe contener el código respectivo:
<b:include data='post' name='shareButtons'/>
fíjate en esta entrada

Responder
El Mike  

Hola hola...una ayuda mis botones para compartir se ven extraños, por que sera esto y tambien coloque el boton de google pero no sale. Una ayuda de Favor.
SAludos
Pagina
http://www.formatermo.com/2012/08/termoplastico.html

JMiur  

Se ven mal porque tienes una regla de estilo que les agrega un padding y deberías quitar:
.post-footer a {
.......
padding: 5px;
}

No veo colocado ningún botón de Google+ en el código funte.

Responder
El Mike  

Muchas gracias si funciono.

Responder
waiki  

Hola, disculpa pero no estoy metido tanto en el aspecto de los blogger. tengo un blog con pantilla descagada, intento eliminar esos botones pero no logro hacerlo. me podrias ayudar y que cosa eliminar, ya que al entrar a un post se siguen viendo. http://restaurantchanito.blogspot.com/
gracias

JMiur  

O lo deshabilitas en las opciones del widget llamado blog tal como idica esta entrada o buscas en la plantilla el código y lo borras:
<b:include data='post' name='shareButtons'/>

Pero en ese sitio, no veo que estén agregados.

Responder
CristJian  

Genial JMiur! :D

Justo lo que andaba buscando jeje, ahora estaba personalizando estos iconos y me preguntaba en el asunto del link para "escribe un blog"

¿se podrá tomar los datos de la primera imagen del post para que aparezca al momento de crearlo? por ejemplo que salga algo parecido a esto:

<a expr:href='data:post.sharePostUrl + "&target=blog"'<img='data.post.firstImageUrl'/></a>... (la verdad no se si lo escribí bien pero es una vaga idea de lo que se me vino en mente jejeje :) )

Me puse a pensar en eso como veo que se pueden sustraer los datos de las entradas, asumo que se podrá algo así... ¿verdad? O_o

JMiur  

Dudo que se pueda hacer algo semejante. Habría que saber qué se ejecuta con ese botón y eso es algo difícil de averiguar ya que es algo interno del sistema.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR