Creați un afișaj de pagină cu știri complete cu CSS și widget-uri RSS

Când sunteți un blogger, este foarte important să rămâneți la curent cu cele mai recente știri din cadrul dvs. de nișă special. Oamenii te iau mai serios când ești unul dintre primii care acoperă un eveniment important - cu atât mai mult cu cât o vei acoperi înainte ca mass-media majoră să captureze vântul.

Dacă ești știri blogger, importanța de a rămâne până la data de știri de ultimă oră este și mai critică. De când am început să acorde mai multe evenimente legate de știri pe propriul blog, mi-am dat seama cât de important a fost să monitorizez constant știrile în timp real. Deoarece am folosit două ecrane cu laptop-ul meu, mi-am dat seama că aș putea configura un ecran pentru a fi exclusiv pentru difuzarea fluxurilor de știri.

Singura problemă este că, deși există aplicații decente pentru difuzarea de linii de știri simple, cum ar fi Yahoo Widgets sau GlowDart, acestea afișează fie acoperă doar un flux foarte mic de text primite, fie sunt greu de personalizat să arate exact așa cum doriți un mod de afișare pe tot ecranul.

Crearea propriului ecran complet în timp real

Pentru a rezolva această problemă, mi-am dat seama că trebuie să construiesc ceva singur. Întrucât nu am vrut să mă ocup de o întreagă aplicație, am decis să creez o pagină Web cu fluxurile RSS integrate. Aș putea afișa acea pagină deschizând browserul în modul ecran complet.

Instrumentele pe care le-am folosit pentru a crea această pagină și tot ce aveți nevoie pentru a crea propriul dvs. este un șablon de pagină Web bazat pe CSS (am ales șablonul gratuit de afaceri creat de SliceJack) și un cont Google pentru accesul la Google Web Elements și Google Alerts.

Iată ce a arătat șablonul de afaceri implicit de SliceJack înainte de a începe să hacking codul de fundal.

Aceasta este metoda mea preferată de a crea pagini web, recunosc - urăsc re-inventarea roții. Această pagină are toate elementele pe care vreau să le integrez în pagina mea finală de știri.

Cele două elemente din partea de sus - articolul principal și imaginea - voi șterge. Ceea ce vreau să folosesc sunt cele trei coloane din centrul paginii.

Când descărcați șablonul pe calculatorul propriu, veți găsi fișierul index.html în dosarul principal, dar apoi în fișierele de corespondență .css .css. Privind fișierul index.html, de obicei este destul de simplu să găsiți secțiunile pe care doriți să le modificați. În acest caz, editez bara de sus pentru a fi afișată “Stirile mele” și schimbarea link-urilor de meniu la diferite categorii pe care voi crea noi pagini de știri pentru.

De obicei, puteți găsi secțiunile paginii căutând