Anuncio

teletipo de noticiasCuando eres un blogger, es realmente importante mantenerte al día con las últimas noticias dentro de tu nicho particular. La gente te toma más en serio cuando eres uno de los primeros en cubrir un evento significativo, aún más si lo cubres antes de que los principales medios de comunicación incluso se enteren.

Si eres un Noticias blogger, la importancia de mantenerse al día sobre las últimas noticias es aún más crítica. Desde que comencé a cubrir más eventos relacionados con noticias en mi propio blog, me di cuenta de lo importante que era monitorear constantemente las noticias en tiempo real. Como utilizo dos pantallas con mi computadora portátil, me di cuenta de que podía configurar una pantalla para que sea exclusivamente para la transmisión de noticias entrantes.

El único problema es que, si bien hay aplicaciones decentes para la transmisión de líneas de noticias únicas, como Yahoo Widgets o GlowDart, esas pantallas cubren solo un flujo muy pequeño de texto entrante, o son difíciles de personalizar para que se vean exactamente como quieres en una especie de pantalla completa modo.

instagram viewer

Crear su propia página completa de visualización de noticias en tiempo real

Para resolver este problema, me di cuenta de que tendría que construir algo yo mismo. Como realmente no quería tomarme el tiempo para escribir una aplicación completa, decidí crear una página web con las secuencias RSS incrustadas. Podría mostrar esa página abriendo mi navegador en modo de pantalla completa.

Las herramientas que utilicé para crear esta página, y todo lo que necesitas para crear la tuya, es una plantilla de página web gratuita basada en CSS (elegí la gratuita plantilla de negocios creado por SliceJack) y una cuenta de Google para acceder a Google Web Elements y Google Alerts.

Así es como se veía la plantilla comercial predeterminada de SliceJack antes de comenzar a hackear el código de fondo.

teletipo de noticias

Este es mi método favorito para crear páginas web, lo admito, odio reinventar la rueda. Esta página tiene todos los elementos que quiero integrar en mi página web final de transmisión de noticias.

Los dos elementos en la parte superior, el artículo principal y la imagen, los voy a eliminar. Lo que realmente quiero usar son las tres columnas en el centro de la página.

teletipo de noticias gratis

Cuando descargue la plantilla en su propia computadora, encontrará el archivo index.html en la carpeta principal, pero luego los archivos .css en una carpeta de hojas de estilo. Al ver el archivo index.html, generalmente es bastante sencillo encontrar las secciones que desea modificar. En este caso, estoy editando la barra superior para mostrar "Mis noticias"Y cambiar los enlaces del menú a diferentes categorías para las que voy a crear páginas de noticias adicionales.

teletipo de noticias gratis

Por lo general, puede encontrar las secciones de la página buscando el

Etiquetas El parámetro "id =" le dice qué elemento CSS se utiliza para definir el formato. Sin embargo, en este caso, voy a borrar toda la sección definida por "
. Realmente es tan fácil como simplemente eliminar la sección de la página.

Lo siguiente que quiero hacer con la plantilla es cambiar la columna de la barra lateral derecha a una fuente de noticias de YouTube. Primero, identifique la sección que desea reemplazar con el

Etiquetas de nuevo. Encontré la sección de la barra lateral derecha dentro de la etiqueta div "barra lateral".
teletipo de noticias gratis

No me gusta el color de esa sección (es gris y se vería tonto con un video blanco dentro), así que tengo que cambiarlo a blanco. Encuentre el archivo css principal y busque la ID. Encontré "barra lateral" dentro de main.css, y el fondo establecido en #FFF. Para cambiar a blanco, hice este # 000.

teletipo de noticias de escritorio

Incrustar widgets en su página personalizada

Ahora viene la parte divertida. Una vez que tenga el formato correcto, puede comenzar a incrustar feeds de transmisión en su página. Lo primero que quiero hacer es incrustar el elemento de YouTube de [YA NO FUNCIONA] Google Web Elements.

teletipo de noticias de escritorio

Simplemente seleccione la fuente de noticias que desea y luego copie y pegue el código. De hecho, podría construir toda su página de noticias de transmisión con solo Google Web Elements utilizando el elemento Google Reader. Sin embargo, quiero mostrar cuántas fuentes están disponibles para actualizaciones en tiempo real. Antes de continuar, definitivamente asegúrese de tomar el elemento Google News, y copie y pegue ese código en su página también.

teletipo de noticias de escritorio

Otro gran recurso para obtener noticias a través de RSS es FeedWind Feed Wind: generar un widget incrustable a partir de fuentes RSS Lee mas . Realmente me gusta porque solo pegas el feed que deseas, lo personalizas y te da un widget bonito y limpio que puedes incrustar directamente en tu página.

Cree una pantalla de teletipo de noticias de página completa con widgets CSS y RSS newsticker9

Además, si va a monitorear las noticias dentro de un nicho específico, no puede olvidar monitorear la búsqueda de Google dentro de ese nicho. Dentro Alertas de Google, simplemente seleccione "Feed" en el campo "Entregar a".

Cree una pantalla de teletipo de noticias de página completa con widgets CSS y RSS newsticker10

Luego, puede usar esa URL de feed en FeedWind para crear su widget de resultados de búsqueda de Google. Ahora que todas estas fuentes de noticias diferentes están incrustadas en la página, la visualización de noticias de transmisión en tiempo real finalmente ha terminado. El menú superior le permite crear múltiples páginas como esta, con widgets que traen fuentes de noticias específicas.

teletipo de noticias

Y hacerlo es fácil ahora que tienes la primera página principal lista. Como puede ver, el uso de la plantilla CSS proporciona una buena página formateada en la que simplemente puede insertar sus diversas fuentes de noticias para una buena visualización de noticias en tiempo real de página completa.

Esto es mejor que la mayoría de las aplicaciones de transmisión de noticias que encontrarás en cualquier lugar de forma gratuita, y también le permite personalizarlo exactamente según sus necesidades, lo mejor de usar una página web en lugar de una aplicación.

¿Creaste tu propia página junto con este artículo? ¿Te colgaste en algún lugar o descubriste otras fuentes geniales para widgets de noticias en tiempo real? Comparta sus ideas en la sección de comentarios a continuación.

Credito de imagen: ShutterStock

Ryan tiene una licenciatura en ingeniería eléctrica. Ha trabajado 13 años en ingeniería de automatización, 5 años en TI y ahora es ingeniero de aplicaciones. Ex editor jefe de MakeUseOf, ha hablado en conferencias nacionales sobre visualización de datos y ha aparecido en la televisión y radio nacionales.