Staff en línea
Últimos temas
[JavaScript] Insertar un perfil de Twitter en tu sitio web Origin10[Ocio]El confesionario Digital
por Chalo Vie Mar 27, 2020 10:14 am

[JavaScript] Insertar un perfil de Twitter en tu sitio web Origin10Utiliza Android en tu pc de forma nativa
por Fibo Jue Mar 26, 2020 8:38 pm

[JavaScript] Insertar un perfil de Twitter en tu sitio web Origin10[Ocio] Contemos hasta el 5000
por Chalo Jue Mar 26, 2020 11:33 am

[JavaScript] Insertar un perfil de Twitter en tu sitio web Origin10[Publicidad] Alfa Gamer
por YoshiGM Dom Mar 22, 2020 11:49 am

[JavaScript] Insertar un perfil de Twitter en tu sitio web
Tema iniciado por y Añadir a favoritos

En este tutorial tratare de explicar como insertar un perfil embebido a tu sitio web.

Twitter es una plataforma social muy popular y por ello se ve necesario incluir la cronología de tuits publicados(o por publicar), haciendo que este widget sea de utilidad para tener tus tweets en tu sitio de internet. Mira un ejemplo:

[JavaScript] Insertar un perfil de Twitter en tu sitio web QoJoLWxh

Con este truco podrás insertar tu timeline de tu cuenta de Twitter en tu sitio web. Bueno ahora vamos a seguir con los pasos:

ENTRAR A TWITTER PUBLISH

Para ello accede a: Twitter Publish nos saldrá esto:
[JavaScript] Insertar un perfil de Twitter en tu sitio web 8ixA9qqh

Entonces en ese espacio escribimos la dirección URL de nuestra cuenta de Twitter. Ejemplo: https://twitter.com/OpenSourceBB3

Despues de presionar enter tendremos dos opciones para embeber nuestra cuenta de twitter en el sitio, nos aparecerá de esta manera:
[JavaScript] Insertar un perfil de Twitter en tu sitio web WcAPbVEh

SELECCIONAR UNA OPCIÓN

La primera opción es Embedded Timeline, esta consiste en mostrar la cronología de tuits de tu cuenta de twitter.
La segunda opción es un simple botón para seguir o hacer una mención.

Embedded Timeline

Al dar clic en Embedded Timeline nos aparecerá una previsualización de cómo se vera en nuestro sitio web. Más o menos es así:
[JavaScript] Insertar un perfil de Twitter en tu sitio web Dfsx1oyh

Opciones de Personalización
Existen ciertas opciones que puedes modificar para un mejor diseño adecuado a tu sitio, estas son las opciones:
1. Tamaño: alto y ancho, estas medidas estan en pixeles y ajustan el tamaño de nuestra linea de tiempo.
2. Tema: Existen dos temas de personalización, oscuro y claro.
3. Idioma: Puedes configurar el idioma en que se visualizara.

Instalación en nuestro sitio web

En la pagina de Twitter Publish se muestra el codigo para incrustar la linea de tiempo, un ejemplo:
Código:
<a class="twitter-timeline" data-lang="es" href="https://twitter.com/OpenSourceBB3?ref_src=twsrc%5Etfw">Tweets by OpenSourceBB3</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Solo falta copiar el codigo HTML/JavaScript en el lugar donde deseamos ver la linea de tiempo.




Fibo
Fibo

¿Que estoy pensando? :

No dejes de pensar. [table class=fecha_up][td]Se modifico:3/02/20 - 15:14 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/zVxw0kMh.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

667


Puntos :

2032


Me gusta :

209


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
YoshiGM
YoshiGM

¿Que estoy pensando? :

Iniciando Nuevo Proyecto! ;3 [table class=fecha_up][td]Se modifico:22/03/20 - 10:44 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1287


Puntos :

1714


Me gusta :

255


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

@YoshiGM escribió:[quotelink="/t1533-javascript-insertar-un-perfil-de-twitter-en-tu-sitio-web#20540"]Ya había hecho yo un tutorial hace tiempo: https://www.opensourcephpbb3.net/t1402-widget-timeline-de-twitter-para-los-foros

[JavaScript] Insertar un perfil de Twitter en tu sitio web 320169642

Su tutorial está desactualizado
Fibo
Fibo

¿Que estoy pensando? :

No dejes de pensar. [table class=fecha_up][td]Se modifico:3/02/20 - 15:14 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/zVxw0kMh.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

667


Puntos :

2032


Me gusta :

209


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Me pudiste avisar que lo checara y le diera una pulida pero bueno.

PD. Oye tampoco me hables de usted [JavaScript] Insertar un perfil de Twitter en tu sitio web 499117082
YoshiGM
YoshiGM

¿Que estoy pensando? :

Iniciando Nuevo Proyecto! ;3 [table class=fecha_up][td]Se modifico:22/03/20 - 10:44 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1287


Puntos :

1714


Me gusta :

255


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Iba a borrar este post, pero cuando mire tu tuto, decidí conservarlo.

Lo que pasa es que no sabia que existía hasta dijiste
Fibo
Fibo

¿Que estoy pensando? :

No dejes de pensar. [table class=fecha_up][td]Se modifico:3/02/20 - 15:14 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/zVxw0kMh.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

667


Puntos :

2032


Me gusta :

209


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.