3 oct 2014

Problemas para insertar un tweet en una entrada de Blogger, dos soluciones.


Buenas.

Hace un tiempo, quise insertar en mi blog un tweet, pero al hacerlo, luego de insertar el código en la entrada (HTML / inserto el código / Redactar), el resultado era el siguiente:



(Incluso, pueden observar, que la imagen del ávatar de mi perfil de twitter, no se visualiza, porque al parecer quedó ligado a la imagen de perfil que tenía en aquel momento...)


Hoy, quise darle algunas vueltas al asunto, busqué en Internet una solución y no la hallé, así que fui al tweet en cuestión, tomé el código nuevamente ("... Más" / Insertar Tweet / Copiar código), lo retoqué un poco y me funcionó hacerlo de la siguiente manera:

1) Una vez tomado el código del tweet, recortaremos la parte del código que les marco en rojo:

<blockquote class="twitter-tweet" lang="es"><p>Un amigo tuerto, cuando twiteamos en vez de mandarme el guiño de ojo así ;D, los manda así ,D - poca gente sabe reírse de sus desgracias</p>&mdash; Liber Cabrera (@LiberCabrera) <a href="https://twitter.com/LiberCabrera/status/2460923309">julio 3, 2009</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

2) Pegaremos ésta parte del código, al comienzo, quedará así:

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"><blockquote class="twitter-tweet" lang="es"><p>Un amigo tuerto, cuando twiteamos en vez de mandarme el guiño de ojo así ;D, los manda así ,D - poca gente sabe reírse de sus desgracias</p>&mdash; Liber Cabrera (@LiberCabrera) <a href="https://twitter.com/LiberCabrera/status/2460923309">julio 3, 2009</a></blockquote>
</script>

3) Insertamos el código en la entrada de Blogger (HTML / inserto el código / Redactar) y el resultado será el siguiente:


(Advertencia, quizás después de insertar el código presionando "HTML" / inserto el código, al presionar "Redactar" no nos aparezca el tweet, pero si damos a "Vista previa", verán que el resultado fue exitoso.)

//


Si no funcionó lo anterior, ve a tu plantilla de Blog y antes de la etiqueta </body>, inserta el código que pondré abajo y guarda los cambios.

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Una vez hecho esto, en tus entradas de blog, insertarás el código de los tweet normalmente, es decir, sin modificarlos...

Espero que os sea útil...

0 comentarios
Comentarios
Comenta usando Google+

No hay comentarios:

Publicar un comentario

¡ATENCIÓN!

♦ Antes de escribir tu comentario o lo perderás, en "Comentar como" elige:

"Nombre/URL";
[ Pon tu nombre - y en URL, tu dirección web (opcional) ]

♦ Puedes elegir en "Comentar como..." otras opciones, pero siempre antes de escribir tu comentario o lo perderás, insisto...

¡GRACIAS Y BIENVENIDO!