Cree una pantalla de noticias completa con marcadores de CSS y RSS

Cuando eres un blogger, es realmente importante estar al día con las últimas noticias dentro de tu nicho particular. La gente lo toma más en serio cuando es uno de los primeros en cubrir un evento significativo, incluso más si lo cubre antes de que los principales medios de comunicación incluso se enteren..
El único problema es que si bien hay aplicaciones decentes para transmitir una sola línea de noticias, como Yahoo Widgets o GlowDart, esas pantallas cubren solo una muy pequeña secuencia de texto entrante o son difíciles de personalizar para que se vean exactamente de la manera que quieres. un modo de pantalla completa.
Creación de su propia pantalla de noticias en tiempo real de página completa
Para resolver este problema, me di cuenta de que yo mismo tendría que construir algo. Como realmente no quería tomarme el tiempo para escribir una aplicación completa, decidí crear una página web con las transmisiones 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 necesita para crear la suya, es una plantilla de página web gratuita basada en CSS (elegí la plantilla de negocios gratuita creada por SliceJack) y una cuenta de Google para acceder a elementos web de Google y Alertas de Google.Aquí es cómo se veía la plantilla de negocios por defecto de SliceJack antes de que comenzara a piratear el código de fondo.
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.
Por lo general, puede encontrar las secciones de la página buscando el
Lo siguiente que quiero hacer con la plantilla es cambiar la columna de la barra lateral derecha a un flujo de noticias de YouTube. Primero, identifique la sección que desea reemplazar con la
No me gusta el color de esa sección (es gris y se vería tonto con un video blanco en su interior), así que tengo que cambiarlo a blanco. Encuentra el archivo css principal y busca el ID. encontré “barra lateral” dentro de main.css, y el fondo se establece en #FFF. Para cambiar a blanco, hice este # 000..
Incrustar widgets en tu página personalizada
Ahora viene la parte divertida. Una vez que tenga el formato correcto, puede comenzar a incrustar fuentes de transmisión en su página. Lo primero que quiero hacer es incrustar el elemento de YouTube desde [No más trabajos] Elementos web de Google.
Crédito de la imagen: ShutterStock
Explorar más sobre: RSS.