Mi ero già occupato di questo interessantissimo gadget ma, visto che ci sono stati dei problemi di cambi di indirizzo del servizio da parte di Google, ho deciso di riproporlo. Si tratta di una arricchimento particolarmente utile per siti che si occupano di attualità. Come vedremo è anche possibile personalizzare il flusso di notizie selezionando la lingua, l'area di interesse e le sezioni più in sintonia con gli argomenti del blog.
Si parte da Google Web Elements - News che è un widget facente parte di una collezione più ampia e che contiene anche il traduttore, la tastiera virtuale e i Top Video News di Youtube. La configurazione è semplicissima. Si possono scegliere due formati: il leaderboard 728x90 pixel e il rettangolo medio 300x250 pixel.
Le sezioni disponibili sono: Top Stories, Mondo, Business, Politica, Nation, Intrattenimento, Tecnologia, Sport e Salute. Si può mettere la spunta a uno solo di questi argomenti o anche a tutti. Il flusso di news riguarderà solo i temi che sono stati selezionati. Se si clicca su Advanced Options compaiono altre tre opzioni di configurazione che concernono il numero dei risultati (4 o 8), il Paese prescelto per le news (di default è impostato Auto che nel nostro caso mostra i risultati per l'Italia) e la Lingua delle notizie (di default c'è Auto che fa visualizzare le notizie della lingua impostata nel browser). Possono sembrare degli optional inutili ma non è così. Pensate a un sito che si occupa di notizie riguardanti un particolare Paese e che quindi può mostrare i feed di Google News di quella specifica area geografica.
Terminate le impostazioni non resta altro che copiare lo snippet e incollarlo in un gadget o in un post in modalità HTML. Se si vuole centrare nel layout, si possono aggiungere i tag <div align="center"> all'inizio del codice e </div> alla fine. Se, invece che al centro, si vuole a destra o a sinistra, si sostituisce center rispettivamente con right o left.
Si tratta di un iFrame che può anche essere navigato attraverso i pulsanti Avanti e Indietro. E' presente anche il link alla fonte originale di ciascuna notizia. Questo è stato inserito probabilmente anche in ottemperanza dell'accordo che Google ha fatto con gli editori nazionali dopo che era stato citato di fronte all'Autority per abuso di posizione dominante.
ho inserito il gadget delle news su blogger dai gadet predefiniti cioè da newsrell,soltanto che si presenta con un riquadro grigio come potete notare sul mio blog.come si fà ad eliminare quel riquadro rendendolo trasparente?
RispondiElimina@Barone Mario
RispondiEliminaIl widget non può essere personalizzato. Se non è come quello che vedi in questo post vuol dire che hai copiato male il codice
Buon giorno.
RispondiEliminaMi scusi, ma il codice HTML ottenuto alla fine della procedura, in quale punto del nostro codice va incollato?
Grazie.
Joy
@Joy
RispondiEliminaDipende da dove lo vuoi mettere :)
Se lo vuoi inserire in una sidebar vai su Design > Aggiungi un gadget > HTML/Javascript e lo incolli in sezioni del sito. Vai su Salva, lo posizioni con il mouse e clicchi nuovamente su salva. Se invece lo vuoi mettere in un post come ho fatto in questo articolo, basta che nell'editor di Blogger lo incolli in Modifica HTML.
Ciao
Sig. Ernesto, grazie.
RispondiEliminaLe news sono al loro posto :).
Senta, "approfitto" delle sue conoscenze per un'altra domanda.
Nella sidebar ho inserito il gadget per le categorie, ho scritto per ora quattro voci una sotto l'latra, ma vorrei che l'elenco fosse puntato, in particolare voglio lo "square", con i quadratini. Che si fa? Bisogna intervenire a livello di HTML o solo CSS?
Grazie.
Joy
@Joy Con il gadget ufficiale delle categorie (etichette) si può intervenire solo nel CSS. Devi trovare il codice e inserire i parametri che puoi trovare qui
RispondiEliminahttp://www.ideepercomputeredinternet.com/2011/03/widget-degli-articoli-con-piu-commenti.html
Grazie davvero!
RispondiEliminaHo inserito il quadrato di Google News, ma..., scopro che all'interno del riquadro nella sidebar dove è finito, non è ben messo nel quadrato, ma un po' decentrato a destra. Soluzione? Ecco il blog "work in progress": http://joys-pills.blogspot.com/. E così vede anche il discorso degli elenchi puntati di cui le ho parlato (che cerco di fare ora).
Grazie ancora.
Joy
Joy
Domanda flash: ma perché se tento di cambiare il colore del carattere del testo del Disclaimer che ho creato utilizzando i gadgets di Blogger, quando il cambio lo faccio dalla finestra "Configura testo", il cambio avviene (ho provato anche mettendo il testo in grassetto), quando poi salvo e ricarico il blog, non è cambiato nulla. È normale? Grazie.
RispondiEliminaJoy
E purtroppo mi sa' che la sua ultima risposta non l'ho capita, nel senso del procedimento. Quale codice devo trovare e dove? Io ho però ho trovato questa stringa che fa parte di "body":
RispondiEliminaol, ul {
list-style: none;
}
Centra qualcosa? Magari al posto di "none" posso inserire "square" o questa stringa non centra nulla con il mio tab "Categorie"?
(E mi scusi per le domande). Grazie.
Joy
@Joy
RispondiEliminaLa domanda che hai posto non si può esaurire in una risposta a un commento. Tra l'altro non si può postare il codice in modo da essere salvato. Inoltre ogni modello fa storia a sé. Vedrò in seguito se dedicare un post allo stile degli elenchi, senza impegno. Nella mia risposta ho solo indicato un possibile procedimento.
Relativamente alla tua domanda specifica di questo post se inserisci list-style: square; vedrai tutti gli elenchi dei post con i quadratini. Per quelli dei widget bisognerebbe cercare la classe analoga per la sidebar. Ci sono due possibilità.
1)Può darsi che lo stile venga ereditato anche dal widget
2)Se non c'è la classe bisognerebbe crearla.
Eventualmente potrei fare un post su questo tema.
Grazie, grazie davvero.
RispondiEliminaIn effetti per me tutto ciò è un po' complicato, quando poi si arriva di "classe", ecc. Peccato, perché nella versione originale del mio tema, c'è un tab con un elenco dei quadratini, ma io lo eliminai perché ho apportato personalizzazioni agli elementi della sidabar. Ma c'era quel tipo do elenco solo per quel tab. Guardi:
http://moonlightdemo.blogspot.com/.
È il "Bible's Latest", che io poi ho eliminato.
Grazie.
Joy
Mi scusi, Sig. Ernesto,
RispondiEliminae per posizionare al centro il quadrato di "Google News" come posso fare? È davvero bruttino così.
Grazie.
Joy
Guardi, Sig>. Ernesto,
RispondiEliminaho provato i tag che lei cita nel suo articolo dello scorso 13 Febbraio, ma il quadrato di "Google News" non si mette al centro del riquadro del gadget, è sempre spostato un po' sulla destra. Ho provato varie punti di posizionamento dei due tag, ma niente. Guardi lei stesso, così ha un'idea: http://joys-pills.blogspot.com/.
Grazie e buna serata.
Joy
@Joy
RispondiEliminaDevi inserire
< div align="center" >
prima del codice di Google News e
< /div >
alla fine del codice.
NB: non ho potuto inserire il codice corretto altrimenti non mi avrebbe salvato il commento. Ho quindi dovuto aggiungere uno spazio dopo il segno di minore e un altro prima del segno di maggiore. Gli spazi vanno quindi tolti altrimenti il codice non funziona.
ho provato le news in fondo al blog oppure di fianco ai post ma non appare nulla, solo il titolo :(
RispondiElimina@ivabellini
RispondiEliminaCome vedi funziona. Il codice è come quello qui di seguito. Guarda se si vede enl tuo blog. In questo caso vuol dire che sbagli qualcosa
<div align="center">
<iframe allowtransparency="allowtransparency" border="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=large&format=728x90&topic=h%2Cw%2Cp%2Ct%2Cs&element=true" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; height: 90px; margin: 0px; width: 728px;"></iframe></div>
No, non si vede sotto, si vede il codice, però ho scoperto il perchè non si vede nel blog, solo con Firefox non si vede, se provi a visitare il mio blog con Chrome o Opera, vedrai che lo vedi in fondo, lo stesso vale per il banner di feedburner per i miei feed a destra.
RispondiEliminaè possibile aggiungere più di un banner delle news di diverso tipo senza appesantire il caricamento pagina?
non riesco a metterlo in fondo a ILCAOS.IT perchè si confonde con gli altri widget, è possibile rimediare?
Aggiorna Firefox
RispondiEliminal ho aggiornato ieri, ora è 6.0.1 (su Kubuntu)
RispondiEliminaSalve una domanda veloce,
RispondiEliminavorrei inserire il rettangolo 300x250.
Ma lo spazio del mio widget non va oltre i 200, posso modificarlo (ovviamente in proporzione)? o sono obbligato su queste misure?
Inoltre il mio blog si interessa di automtive, qual'è il canale più affine? oppure ce nè uno apposito?
Grazie
@Unknown
EliminaCome regolamento del servizio non ti saprei dire perché bisognerebbe leggerlo tutto ma penso che la cosa si possa fare. Non vedo che danno comporterebbe a Google News. Per le categorie, te ne puoi creare una da solo inserendo il suo nome nel campo accanto a Or create one. Poi guardi l'anteprima per vedere se ti soddisfa prima di incollare il codice.