JMiur [E]

Cada vez que pretendo mostrar el nuevo botón de Twitter ... deja de funcionar y aparecen ventanas de advertencia. Obviamente, aún no parece funcionar bien pero bueno, tengamos esperanza en que alguna vez lo haga.


La idea es que este botón provisto por el mismo Twitter, reemplace otros servicios como Tweetmeme

Si vamos a la página oficial del Botón de Twittear, veremos las opciones disponibles que incluyendo el estilo gráfico, textos adicionales, idioma, etc:


El resultado final será un código que conviene colocarlo sólo en las entradas individuales, incluido dentro de alguna etiqueta que luego, nos permita ubicarlo con precisión; por ejemplo:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='twittersharebutton'>
<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='nombre' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
De ese modo podremos agregar el estilo en el CSS de la plantilla con cualquier propiedad:
.twittersharebutton { float: right; height: 20px; width: 110px; }
Del mismo modo, si no queremos usar nuestras propias imágenes, en lugar de utilizar el script, podemos agregar un enlace simple (más información):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='twittersharebutton'>
<a expr:href='&quot;http://twitter.com/share?text=&amp;&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=nombre&amp;related=miCuentaTwitter&quot;'>
<img src='URL_imagen' />
</a>
</div>
</b:if>

17 comentarios:

Adrián J. Messina  

Me imagine que se podia estilizar, pero la verdad es muy util.
Gracias!
abrazo!

Responder
Raúl  

Hola Jmiur tengo una pregunta ya coloqué el botón oficial de Twitter pero quiero que al Twittear no aparezca el titulo completo del blog (porque es muy largo). He visto que en algunas páginas que usan el botón oficial al presionar solo te pone el título de la entrada o noticia y no la entrada de la web (blog)

Quisiera q mi boton de Twitter solo muestre el título de la entrada y no del blog!!!

Como lo puedo hacer??? Muchas gracias

Responder
JMiur  

Aparentemente, el nombre está en este parámetro: data-via='nombre'

Supongo que allí, podrías poner cualquier nombre más corto o ninguno porque me aprece que lo importante es que salga el título de la entrada más que el título del blog en si mismo.

Responder
Raúl  

Muchas gracias Jmiur pero el parámetro data-via es el nombre del usuario que se menciona en el Tweet por ejemplo sale el título de la entrada luego del blog y por último salve vía y el nombre o usuario twitter del que pongas. No es el del título del blog. No encuentro la forma de acortarlo porque mi título es muy largo, pero precisamente me ha servido para recibir más visitas especialmente la segunda parte del título.

Quisiera que haya la forma de que al presionar el botón oficial de Twitter solo aparezca el título de la entrada y no del blog!!

Responder
JMiur  

Pués entonces, desconozco si hay otro parámetro disponible.

Responder
ObiJuan  

Tengo una duda y por más que busco no consigo resolverla...
Segun he visto, se puede configurar la url del tweet que se genera. A la hora de hacer el boton, pulsamos en URL en el punto 1, y se introduce otra URL. Esto introduce en el codigo un parametro "data-url".
Ahora bien, me gustaria que esa "data-url" tuviera la url de cada post. De esta forma, pienso, se podría tener un boton "Tweet" en cada post de la pagina principal, y no solo individualmente.
Eso es lo que quiero, que en mi pagina principal, que se muestran los 5 o 10 ultimos posts del blog, cada uno tenga un boton tweet para él solito. ¿Es esto posible de algun modo, aunque no sea con el boton "oficial" de Twitter? Estoy probando con data:post.url de todas las formas que se me ocurre pero no lo consigo...
Tambien querria poner el botón de Facebook, pero ambos son similares, creo que si soy capaz de poner uno, podré poner el otro.
Muchas gracias por atenderme :)

Responder
JMiur  

Pués, hasta donde sé, deberías utilizar el último de los códigos que se muestran en el post sin el condicional.

Responder
Admin  

Hola JM esto es una tarea que tengo pendiente hace tiempo, este post es algo viejo no se si habrá cambiado algo, pero hoy saqué el código de la web de Twitter y quiero ponerlo pero no se donde tendría que ponerlo para que quede en el sitio que está en el video, debajo de las entradas por donde están los botoncitos de compartir de Blogger.

El condicional que pusiste donde tendría que ponerlo exactamente? Y el código no es exacto al que tengo.

Otra inquietud leyendo un comentario anterior que dice que le sale todo el nombre del blog, el mío también es muy largo, sale todo entero? O solo el título del post?
Desde ya muchas gracias :)

Responder
JMiur  

Puede ir en cualquier parte dentro de esa parte, por ejemplo, en el footer de los posts donde suelene estar las etiquetas o los botones para compartir de Blogger a los que te referís.

respecto del nombre, en principio, si se trata de las páginas individuales saldrá el título. La semama que viene habrá una entrada más explciativa pero podés fijarte en este comentario para ver algún adelanto de cómo escribir los distintos datos.

Responder
Admin  

La verdad es que si ya me dejé estar tanto con este tema y ahora veo que es tan engorroso lo de las entradas individuales y todo eso, que prefiero esperar a que hagas el post explicandolo clarito como siempre.

Aunque por lo que leí en la otra entrada veo dificil, habrá que ocultar los botones en la principal?

En otros sitios veo que hago retweet y no sale una dirección larga... no entiendo... y ahora que me doy cuenta, yo misma desde mi blog cada vez que publico lo comparto en Twitter con el botoncito de Blogger y sale la url larga, ya estoy tan acostumbrada a borrarle todo el principio que no me había dado cuenta de la dificultad que tendrían los demás, recién caigo...

Espero tu entrada y que me digas mas exactamente donde pondría ese código dentro de la plantilla, ya se que en el footer pero donde dice line 1, line 2 o que?

Mil gracias, como verás mientras escribía reflexionaba :)

Responder
Admin  

Hola JM hice algo mas práctico, creo, me acordé que tenía Tweer This en los otros blogs y puse eso en http://www.sonando-porbailar.com.ar pero me queda a la izquierda y lo quiero poner a la derecha donde están las etiquetas, comentarios, el lapicito y todo eso del footer de los posts, ya probé antes de line 1, que es donde está ahora, en line2 sale en el mismo sitio, y en line 3 idem.
Como hago para que salga del otro lado? Porque queda justo debajo del seguir leyendo y me parece que es molesto...

Copié el código de Te Propongo... y en http://www.folktan.com.ar también lo tengo pero con un div que supongo hace que salga del otro lado pero en el Bailando no sale así ni con el div...

Otra cosa, en FolkTango eliminé los botoncitos de compartir de Blogger, desde edición de los post y sigue saliendo en el blog, aunque no funcionan, se siguen viendo... que será eso?

Ahh ahora que veo también los eliminé de Te Propongo y se siguen viendo... Bueno, no lo eliminé solo puse que no se vean, pero no... se siguen viendo... no entiendo nada...

Responder
JMiur  

Coloca el código en un DIV y agregale propiedades tipo float:left; por ejemplo. Luego, se ve si requiere más ajustes

Los botones de Blogger se seguirán viendo si no están condicionados por el código de Blogger así que todo es cuestión de buscar esta línea en la plantilla:

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

y borrarla.

Responder
Admin  

Ahá y donde tendría que poner eso dentro del div?
Ya lo probé con el div de FolkTango pero no tiene esas propiedades y lo mismo está a la izquierda...

Me podrías poner el div completo con esas propiedades, no se armarlo sola... :(

Responder
Admin  

Ya saqué los botones de compartir de Blogger en todos los blogs, y fui a la web de AddThis saqué un código nuevo que han puesto con bonitos botones de Facebook Twitter y otras yerbas.
Lo puse en todos los blogs y después me di cuenta que me ponía tooooda la dirección del blog larguísimaaa...

Entonces empecé a experimentar con el código viejo y el nuevo hice una rara mezcla entre los dos y logré un resultado aceptable, me queda por resolver que no deja espacio el botón de FB para que se vean bien cuantos likes hay, o sea está ese botón muy cerca del que le sigue y no da espacio, no se si se entiende... y eso no tengo idea de como modificarlo...

Si tenés tiempo dale una mirada, está en todos los blogs...

Buen Domingo :)

Responder
JMiur  

Si es un script como el de AddThis, entonces, no hay forma de dimensioanr cada aprte a menos que ellos en el servicio lo admitan. El botón de Face, tal como muestra el codigo que veo, tien 90pixeles y por eso no hay espacio; como mínimo, debería medir 100 pero no sé qué cosa controla eso si es que hay algo que lo controle.

Responder
Admin  

Es un script dentro de un código, en realidad creo que son dos scripts, yo le metí mano y acomodé bastante, al menos los títulos salen correctos, si querés inspeccionarlo te lo mando por correo, porque nunca aprendí a poner códigos acá...
De dos códigos hice uno y funciona salvo ese detalle...
Decime si querés que te lo mande y lo estudiás :)

Responder
JMiur  

Mandalo y me fijo.

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