SlideShare a Scribd company logo
1 of 9
Download to read offline
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


        PRONTO SOCCORSO PER LA GESTIONE DEL BLOG
Dopo aver creato il proprio blog, per accedere al pannello di controllo sarà necessario raggiungere il sito
www.blogger.com

Per entrare nel proprio profilo bisognerà inserire l’indirizzo e-mail con il quale ci si è registrati e la
password.

Si accederà quindi al pannello

Cliccando sul nome si accederà al pannello generale con tutte le opzioni




 Cliccando sul nome si accederà al                         Per inserire direttamente un nuovo
 pannello generale con tutte le                            post basterà cliccare sul pulsante
 opzioni di gestione del blog                              matita




I pulsanti di colore arancione sono importanti. Prima di uscire da una sezione del pannello di controllo o di
pubblicazione dei post accertarsi di aver salvato le eventuali modifiche o comunque controllare i pulsanti
arancioni per verificare di non dimenticarsi passaggi importanti.

Il pannello generale presenta diverse opzioni

                            Per inserire un nuovo post

                            Dati generali sul blog: è più che altro una sezione informativa

                            Elenco dei post creati con possibilità di modificarli o eliminarli

                            Elenco delle pagine in cui si divide il blog, con possibilità di creare, eliminare o
                            modificare il contenuto

                            Parte con le opzioni su come moderare i commenti ai post fatti dagli utenti

                            Per modificare la struttura del blog (colonne, barra del titolo, barra delle
                            pagine etc.)

                            Per scegliere il modello grafico su cui impostare l’impaginazione del blog

                             Impostazioni generali (Privacy, commenti etc.)
                                                                                                              1
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


I POST
I post sono i blocchi inseriti nel blog per organizzare il contenuto. Si inseriscono in ordine cronologico con il
più recente in cima e i più vecchi a scorrere verso il basso. Ogni post può contenere vario genere di
materiale multimediale




                                                                           1   2    3




L’inserimento di un post è simile in tutto e per tutto alla compilazione di una mail.

Per inserire un’immagine è sufficiente cliccare sull’icona n. 1 e selezionare il tasto scegli file dalla finestra
seguente. Si potrà caricare dal proprio computer e in seguito sceglierne la forma (piccola, media o grande)
e l’allineamento rispetto al post.

Per inserire un collegamento ad un'altra pagina web sarà sufficiente scrivere la parola su cui si dovrà
cliccare e poi selezionarla con il mouse, quindi cliccare su inserisci link e copiare l’indirizzo della pagina che
si vuole raggiungere nella barra della finestra che comparirà. La stessa cosa si può fare con un’immagine.

E’ sconsigliabile caricare video tramite l’icona 2 perché andrebbero a gravare eccessivamente sullo spazio a
disposizione per il blog. Si utilizzerà invece l’operazione di embed di cui parleremo in seguito

L’icona n. 3 è invece quella dell’intervallo nel post. Cliccandovi sopra durante la compilazione del post
apparirà una linea. Essa delimiterà il contenuto visibile sulla pagina principale (cioè quello situato prima
della linea di intervallo) alla fine di questa porzione di testo apparirà la scritta “Continua a leggere”.
Cliccandoci sopra il lettore potrà saltare ad una pagina che conterrà il post nella sua versione integrale.
Questa opzione è interessante per evitare che post molto lunghi occupino molto spazio nella pagina
principale. Forniremo un’anteprima e poi i lettori interessati potranno consultare il resto con un semplice
clic.




LE PAGINE
Le pagine sono le sezioni in cui si divide il blog. La prima è sempre quella con i post, ma possiamo crearne
altre che abbiano un contenuto fisso.

                                                                                                                2
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


Le pagine più frequenti in un blog associativo sono quelle che spiegano la storia dell’associazione e la sua
mission, quelle con i contatti, quelle che contengono collegamenti per scaricare il materiale informativo o la
modulistica, quelle dedicate a specifiche iniziative.

Le pagine si possono creare, modificare ed eliminare a piacimento dal pannello generale nella sezione
pagine.

Da quando si crea la seconda pagina il blog si dota di una barra che può essere verticale o orizzontale per
navigare fra le varie pagine

                                                                        Questo è un esempio di barra delle
                                                                        pagine orizzontale.




I COMMENTI
In ogni post gli utenti hanno la possibilità di lasciare commenti. Ci sono diverse possibili configurazioni per
gestire i commenti:

    1. Commenti liberi e pubblici: chiunque può scrivere un commento e questo verrà pubblicato
       immediatamente sotto il post. Scelta poco consigliata in quanto utenti maleducati o con fini
       denigratori potrebbero approfittarne.
    2. Commenti limitati e pubblici: solo alcune categorie di utenti possono commentare i post e i loto
       commenti sono immediatamente online.
    3. Commenti limitati e moderati: come sopra ma prima di essere messi online i commenti devono
       ricevere l’autorizzazione del gestore del blog che li visualizzerà nella sua bacheca.
    4. Commenti bloccati: nessuno può inserire commenti.

Il pannello per la gestione dei commenti è in tutto e per tutto simile a quello dei post.




                                                                                                             3
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


LAYOUT
Il blog è sostanzialmente strutturato nelle seguenti parti:

        Barra del titolo

        Barra delle pagine (può essere
        orizzontale o veritcale)

        Zona di inserimento dei post

        Una o più barre laterali che
        contengono i vari gadgets
        (di cui parleremo in seguito)




Ognuna di queste parti può essere modificata dal pannello layout. Se la parte esiste già basterà cliccare su
Modifica nella casella che la contiene. Se non esiste e si può creare si vedrà il nome Aggiungi (come nel caso
di Aggiungi un gadget.




MODELLO
Blogger contiene molti modelli pre-impostati per dare al proprio blog uno stile grafico. I modelli sono
standard ma ciascuno può essere modificato in molte sue parti per personalizzarlo. Dopo aver scelto il
modello che si avvicina di più alle proprie esigenze, si sceglierà Applica al blog quindi, dopo averne
verificato l’idoneità visualizzando il blog nella sua nuova forma grafica si potrà procedere a personalizzarlo
selezionando il tasto Personalizza

Apparirà così la finestra del designer modelli di blogger.



          1
              2
               3
              4
           5



Da essa si potrà cambiare :

                                                                                                            4
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


Il modello selezionato precedentemente (sezione 1)

Lo sfondo per il proprio blog (sezione 2). Cliccando sulla freccia grigia vicino
all’immagine si potrà accedere alla galleria immagini preimpostate da blogger
o selezionare un’immagine presente sul proprio computer per caricarla.

Si potranno modificare le larghezze del blog (sezione 3), sempre tenendo conto che potrebbe venir
visualizzato da schermi con risoluzioni molto diverse e quindi la cosa migliore rimane quella di tenersi su
valori intermedi come quelli impostati in automatico da blogger.

Nella sezione layout (sezione 4) si potrà personalizzare la struttura del blog a partire dal modello scelto, che
poi si gestirà dal pannello layout che abbiamo descritto precedentemente. Come si vede qui sotto le
possibilità riguardano la gestione delle colonne laterali e del piè di pagina




La sezione avanzato (sezione 5) contiene una serie di opzioni più dettagliate per gestire le caratteristiche
generali del blog. La sezione avanzato serve per una ulteriore personalizzazione ma si sovrappone alle
sezioni precedenti per cui la si userà per rendere ancora più consona alle proprie esigenze una modifica già
fatta nelle altre parti del designer. Le sezioni sono le seguenti:

       Testo pagina: carattere, colore e grandezza del testo principale della pagina del blog
       Sfondi: colori per i vari sfondi (interno, esterno, etc.)
       Link: colori dei collegamenti ipertestuali (consiglio: mantenere i colori classici aiuterà gli utenti a
        riconoscere subito i collegamenti presenti)
       Titolo: carattere e colore del titolo testuale inserito (se nella barra del titolo è stata inserita
        un’immagine o un titolo grafico da file o logo questa opzione non serve)
       Descrizione del blog: colore e carattere del sottotitolo (vedi titolo)
       Testo schede: carattere, e colori del testo nelle barre delle pagine o nei gadgets
       Sfondo schede: come sopra ma relativo al colore di sfondo
       Titolo dei post: formattazione dei titoli dei post
       Intestazione e data: formattazione delle date dei post (se si sceglie di renderle visibili)
       Piè di pagina: formattazione del testo in fondo alla pagina del blog
       Gadget: impostazioni grafiche generali per i gadgets
       Immagini: eventuali sfondi, colore del bordo (se lo si vuole) e delle didascalie
       Colore accenti, Mobile button color e i fogli CSS sono argomenti che esulano dal nostro corso e non
        indispensabili alla gestione del blog




                                                                                                              5
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


I GADGETS
Nella sezione Layout (vedi pag. 4) abbiamo la possibilità di aggiungere in diverse zone del blog i cosiddetti
gadget. Si tratta di mini finestre contenenti materiale dinamico o interattivo di varia natura.

                                                                        Basterà cliccare sul titolo del gadget
                                                                        desiderato e si potrà accedere alla
                                                                        finestra in cui impostare le sue
                                                                        caratteristiche.
                                                                        I gadgets più comuni sono:

                                                                                Le Etichette
                                                                                I testi di presentazione
                                                                                I sondaggi
                                                                                Foto fisse o slide show
                                                                                Link selezionati
                                                                                Liste o elenchi
                                                                                Feed RSS per seguire il blog

Attualmente ci sono 27 differenti tipi di gadgets.




INCORPORARE MATERIALE NEI POST
Salvare immagini sul proprio blog è certamente utile, ma quando si tratta di materiale più “pesante” in
termini di spazio occupato sul server è meglio ricorrere ad altri servizi gratuiti presenti in rete e farci
ospitare (to host) lì per poi aggiungere sul blog il materiale con l’operazione che si chiama “incorporazione”
(in inglese embedding).

Per quanto riguarda i servizi che ospitino il nostro materiale sul web c’è solo l’imbarazzo della scelta.
Facciamo qualche esempio:

       Video: Youtube - Vimeo
       Documenti e Pdf: Google docs - Zoho
       Immagini e slide show di foto: Picasa - Flickr

I servizi sopra elencati in rosso sono tutti riconducibili a google e quindi hanno alta compatibilità con
blogger. Quelli colorati di blu sono sempre gratuiti ma gestiti da aziende diverse.

Una volta registrato il nostro account (per i servizi google basta usare lo stesso account di blogger)
inseriamo i nostri contenuti secondo le modalità previste dal servizio scelto. Una volta completato
l’inserimento dovremo cercare il “codice di embed” che il servizio dovrebbe offrirci.

N.B. I servizi di hosting e condivisione danno sempre la possibilità di selezionare il livello di privacy con cui
vogliamo pubblicare il documento. Se il nostro obiettivo è di condividerlo sul blog, ricordiamoci di settare
questa opzione in modo da renderlo pubblico e visibile a tutti.

                                                                                                                6
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


Facciamo un esempio utilizzando youtube.

Dopo aver caricato un video sul nostro canale, esso apparirà come nella figura qui sotto.

                                                 A quel punto dovremo cliccare sul pulsante Condividi



                                                 Apparirà sotto al pulsante questa finestra:




                                                 Cliccando sul pulsante Codice da incorporare si aprirà a
                                                 cascata un’altra sezione contenente del codice HTML

Per prima cosa dovremo scegliere le
dimensioni che vorremo dare al riquadro
del video ed eventualmente alcune
opzioni relative alla privacy.

Poi dovremo copiare il codice evidenziato
e tornare al nostro blog nella finestra di
creazione del post che stiamo creando e in
cui vogliamo inserire il filmato.

Dopo aver inserito il testo necessario e
aver individuato la posizione di
incorporazione del materiale (in questo
caso il video) clicchiamo sul pulsante
HTML.




                                                                                                           7
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


La finestra di creazione del post cambierà leggermente mostrandoci, invece del contenuto formattato, il
codice html (quindi non ci stupiamo se dove abbiamo aggiunto immagini o grassetti compariranno strani
simboli o diciture sconosciute).
Nel punto dove vogliamo inserire il video (ricordiamoci di lasciare una riga almeno di spazio dal testo in
modo da non schiacciare troppo i contenuti uno sull’altro) incolleremo il codice da incorporare.
Tornati alla modalità Scrivi (cliccando sul pulsante che si trova vicino a quello HTML) vedremo il riquadro
del video inserito nel post.

Il meccanismo è lo stesso per tutti i contenuti. Bisogna solo sapere dov’è il codice da incorporare nel
servizio scelto per ospitare i nostri files.


CONSIGLI UTILI
Ci sono dei comportamenti virtuosi che un blogger può adottare per veder crescere il traffico qualificato sul
proprio blog (il che significa diffondere le proprie idee in modo che raggiungano più persone possibili).

    1. Non lasciate inattivo il vostro blog per lunghi periodi di tempo. Chi ci segue torna spesso a vedere
       se ci sono novità e non è bello trovare il blog spoglio e senza vita. Come alternativa si possono
       eliminare le date dai post o strutturare il blog perché funzioni come un sito più statico.
    2. Più volte le parole chiave interessanti per la ricerca su google appariranno nei vostri titoli e nei
       posts, più facilmente i motori di ricerca vi segnaleranno ai primi posti (questo porta più traffico e
       quindi una migliore posizione … e via dicendo). Tutto va fatto senza esagerare e rispettando le
       regole della buona scrittura.
    3. Utilizzando più servizi per ospitare il vostro materiale avrete modo di comparire in più luoghi e
       linkarvi da soli, questo aiuta a posizionarsi bene sui motori di ricerca.
    4. Iniziate a seguire dei blog simili al vostro, o che comunque attirino traffico qualificato per il
       messaggio che volete comunicare (se il vostro blog parla dei diritti degli animali non mettetevi a
       seguire un blog di cacciatori … ma potreste contattare il blog di un canile o di qualche appassionato
       che sia seguito da persone sensibili al tema che trattate). Cominciate a commentare i suoi post (se
       è permesso) o a citare i suoi articoli (chiedendo prima l’autorizzazione via mail e specificando
       sempre la fonte a fine del copia incolla). L’autore/rice del blog potrebbe fare lo stesso con voi o
       mettervi nei link amici aprendovi una nuova finestra di traffico qualificato. Questo risolve anche il
       problema di avere sempre articoli da postare (fra i nostri e quelli che ci piacciono ci sarà l’imbarazzo
       della scelta).
    5. Apriamo un gruppo su Facebook o un canale Twitter per mettere i link dei nostri articoli del blog.
       Questi due servizi “social” creano delle vere e proprie comunità online e se riusciamo ad
       appassionare il gruppo agli argomenti che ci stanno a cuore avremo possibilità anche di vederci
       rimbalzare da una bacheca all’altra attirando l’attenzione di un sacco di gente

        Vi ricordo la teoria dei sei gradi di separazione di F. Karinthy secondo cui qualunque persona del globo è legata a
        qualunque altra attraverso una catena composta da non più di 5 intermediari! Nel 2011 un gruppo di informatici
        dell'Università degli studi di Milano, in collaborazione con due informatici di Facebook hanno effettuato un esperimento su
        scala planetaria per calcolare il grado di separazione tra tutte le coppie di individui su Facebook. In media, i gradi di
        separazione sono 3.74 molto meno di quanto la teoria facesse pensare. Il 92% delle coppie è separato da non più di 4
        gradi!



                                                                                                                                 8
Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari


6. Esploriamo la rete in cerca di blog che ci ispirino con idee, articoli, grafica o impostazioni particolari.
   Internet è piena di cose buone a cui far riferimento per creare la nostra finestra sul mondo digitale,
   non lasciamocele sfuggire.
7. Ricordiamoci sempre che nella finestra iniziale della bacheca di blogger (quella dove si trova
   l’elenco di tutti i blog che abbiamo creato) c’è il tasto      che ci permette di accedere alla guida di
   blogger con tutte le informazioni necessarie ad approfondire eventuali problemi tecnici.




                                  Buona navigazione




                                                                                                            9

More Related Content

Viewers also liked

Sleep disordered breathing (the application of transcutaneous ultrasound)final
Sleep disordered breathing (the application of transcutaneous ultrasound)finalSleep disordered breathing (the application of transcutaneous ultrasound)final
Sleep disordered breathing (the application of transcutaneous ultrasound)finalentmanchen
 
Havells Blacklight Brochure
Havells Blacklight BrochureHavells Blacklight Brochure
Havells Blacklight BrochureMike Allen
 
Real people real_transformations
Real people real_transformationsReal people real_transformations
Real people real_transformationsMike Allen
 
Havell's Brochure
Havell's BrochureHavell's Brochure
Havell's BrochureMike Allen
 
Opportunity2012
Opportunity2012Opportunity2012
Opportunity2012Mike Allen
 
Presentacion powerpoit 2012 show
Presentacion powerpoit 2012 showPresentacion powerpoit 2012 show
Presentacion powerpoit 2012 showluzoh
 
Cleanse Brochure
Cleanse BrochureCleanse Brochure
Cleanse BrochureMike Allen
 
Havell's Brochure
Havell's BrochureHavell's Brochure
Havell's BrochureMike Allen
 
Choice Hotels Int Powerpoint
Choice Hotels Int PowerpointChoice Hotels Int Powerpoint
Choice Hotels Int Powerpointcheh16
 
Documento tecnico norme_di_convivenza
Documento tecnico norme_di_convivenzaDocumento tecnico norme_di_convivenza
Documento tecnico norme_di_convivenzaittgiuseppemazzotti
 
Fundamento econ-flujo circular
Fundamento econ-flujo circularFundamento econ-flujo circular
Fundamento econ-flujo circularRosario Montero
 
Librorojo3
Librorojo3Librorojo3
Librorojo3oesm
 
Rousseau. gizarte hitzarmena
Rousseau. gizarte hitzarmenaRousseau. gizarte hitzarmena
Rousseau. gizarte hitzarmenahausnartzen
 

Viewers also liked (20)

Sleep disordered breathing (the application of transcutaneous ultrasound)final
Sleep disordered breathing (the application of transcutaneous ultrasound)finalSleep disordered breathing (the application of transcutaneous ultrasound)final
Sleep disordered breathing (the application of transcutaneous ultrasound)final
 
Lenses
LensesLenses
Lenses
 
Havells Blacklight Brochure
Havells Blacklight BrochureHavells Blacklight Brochure
Havells Blacklight Brochure
 
Focus_I-MRP
Focus_I-MRPFocus_I-MRP
Focus_I-MRP
 
Real people real_transformations
Real people real_transformationsReal people real_transformations
Real people real_transformations
 
Havell's Brochure
Havell's BrochureHavell's Brochure
Havell's Brochure
 
Opportunity2012
Opportunity2012Opportunity2012
Opportunity2012
 
Presentacion powerpoit 2012 show
Presentacion powerpoit 2012 showPresentacion powerpoit 2012 show
Presentacion powerpoit 2012 show
 
Cleanse Brochure
Cleanse BrochureCleanse Brochure
Cleanse Brochure
 
Havell's Brochure
Havell's BrochureHavell's Brochure
Havell's Brochure
 
Choice Hotels Int Powerpoint
Choice Hotels Int PowerpointChoice Hotels Int Powerpoint
Choice Hotels Int Powerpoint
 
Marriage
MarriageMarriage
Marriage
 
Stage classi quarte ppt
Stage  classi quarte pptStage  classi quarte ppt
Stage classi quarte ppt
 
Documento tecnico norme_di_convivenza
Documento tecnico norme_di_convivenzaDocumento tecnico norme_di_convivenza
Documento tecnico norme_di_convivenza
 
App 2012
App 2012App 2012
App 2012
 
Fundamento econ-flujo circular
Fundamento econ-flujo circularFundamento econ-flujo circular
Fundamento econ-flujo circular
 
Proyecto Jovenes NEW AIR
Proyecto Jovenes NEW AIRProyecto Jovenes NEW AIR
Proyecto Jovenes NEW AIR
 
Librorojo3
Librorojo3Librorojo3
Librorojo3
 
Farms animals
Farms animalsFarms animals
Farms animals
 
Rousseau. gizarte hitzarmena
Rousseau. gizarte hitzarmenaRousseau. gizarte hitzarmena
Rousseau. gizarte hitzarmena
 

Similar to Dispense il tuo posto sul web

Similar to Dispense il tuo posto sul web (20)

Wordpress funzioni utente-bevilacqua
Wordpress funzioni utente-bevilacquaWordpress funzioni utente-bevilacqua
Wordpress funzioni utente-bevilacqua
 
Beni Culturali 1.4 Strumenti E Tool Del Web 2.0
Beni Culturali 1.4  Strumenti E Tool Del Web 2.0Beni Culturali 1.4  Strumenti E Tool Del Web 2.0
Beni Culturali 1.4 Strumenti E Tool Del Web 2.0
 
Blog Manutenzione
Blog ManutenzioneBlog Manutenzione
Blog Manutenzione
 
Blog for Business - Capitolo 2 - Come è fatto un Blog
Blog for Business - Capitolo 2 - Come è fatto un BlogBlog for Business - Capitolo 2 - Come è fatto un Blog
Blog for Business - Capitolo 2 - Come è fatto un Blog
 
Shellmanager096
Shellmanager096Shellmanager096
Shellmanager096
 
WordPress Facilissimo: guida base
WordPress Facilissimo: guida base WordPress Facilissimo: guida base
WordPress Facilissimo: guida base
 
Corso per creare un blog con wordpress
Corso per creare un blog con wordpressCorso per creare un blog con wordpress
Corso per creare un blog con wordpress
 
Costruisci il tuo scorm
Costruisci il tuo scormCostruisci il tuo scorm
Costruisci il tuo scorm
 
scorm editor
scorm editorscorm editor
scorm editor
 
E-commerce: GUIDA PRATICA E VELOCE
E-commerce: GUIDA PRATICA E VELOCEE-commerce: GUIDA PRATICA E VELOCE
E-commerce: GUIDA PRATICA E VELOCE
 
Usare il Network in 5 punti
Usare il Network in 5 puntiUsare il Network in 5 punti
Usare il Network in 5 punti
 
Volontari per Ucodep
Volontari per UcodepVolontari per Ucodep
Volontari per Ucodep
 
Primi passi con PADLET
Primi passi con PADLETPrimi passi con PADLET
Primi passi con PADLET
 
Moodle decima parte: gestire le attività - forum e chat
Moodle decima parte: gestire le attività - forum e chatMoodle decima parte: gestire le attività - forum e chat
Moodle decima parte: gestire le attività - forum e chat
 
Symbaloo come PLE
Symbaloo come PLESymbaloo come PLE
Symbaloo come PLE
 
Fare giornalismo sul web
Fare giornalismo sul webFare giornalismo sul web
Fare giornalismo sul web
 
Creazione blog
Creazione blogCreazione blog
Creazione blog
 
Blog Design
Blog DesignBlog Design
Blog Design
 
Guida all'uso di BS 2.0
Guida all'uso di BS 2.0Guida all'uso di BS 2.0
Guida all'uso di BS 2.0
 
Didalgoblogger3
Didalgoblogger3Didalgoblogger3
Didalgoblogger3
 

Dispense il tuo posto sul web

  • 1. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari PRONTO SOCCORSO PER LA GESTIONE DEL BLOG Dopo aver creato il proprio blog, per accedere al pannello di controllo sarà necessario raggiungere il sito www.blogger.com Per entrare nel proprio profilo bisognerà inserire l’indirizzo e-mail con il quale ci si è registrati e la password. Si accederà quindi al pannello Cliccando sul nome si accederà al pannello generale con tutte le opzioni Cliccando sul nome si accederà al Per inserire direttamente un nuovo pannello generale con tutte le post basterà cliccare sul pulsante opzioni di gestione del blog matita I pulsanti di colore arancione sono importanti. Prima di uscire da una sezione del pannello di controllo o di pubblicazione dei post accertarsi di aver salvato le eventuali modifiche o comunque controllare i pulsanti arancioni per verificare di non dimenticarsi passaggi importanti. Il pannello generale presenta diverse opzioni Per inserire un nuovo post Dati generali sul blog: è più che altro una sezione informativa Elenco dei post creati con possibilità di modificarli o eliminarli Elenco delle pagine in cui si divide il blog, con possibilità di creare, eliminare o modificare il contenuto Parte con le opzioni su come moderare i commenti ai post fatti dagli utenti Per modificare la struttura del blog (colonne, barra del titolo, barra delle pagine etc.) Per scegliere il modello grafico su cui impostare l’impaginazione del blog Impostazioni generali (Privacy, commenti etc.) 1
  • 2. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari I POST I post sono i blocchi inseriti nel blog per organizzare il contenuto. Si inseriscono in ordine cronologico con il più recente in cima e i più vecchi a scorrere verso il basso. Ogni post può contenere vario genere di materiale multimediale 1 2 3 L’inserimento di un post è simile in tutto e per tutto alla compilazione di una mail. Per inserire un’immagine è sufficiente cliccare sull’icona n. 1 e selezionare il tasto scegli file dalla finestra seguente. Si potrà caricare dal proprio computer e in seguito sceglierne la forma (piccola, media o grande) e l’allineamento rispetto al post. Per inserire un collegamento ad un'altra pagina web sarà sufficiente scrivere la parola su cui si dovrà cliccare e poi selezionarla con il mouse, quindi cliccare su inserisci link e copiare l’indirizzo della pagina che si vuole raggiungere nella barra della finestra che comparirà. La stessa cosa si può fare con un’immagine. E’ sconsigliabile caricare video tramite l’icona 2 perché andrebbero a gravare eccessivamente sullo spazio a disposizione per il blog. Si utilizzerà invece l’operazione di embed di cui parleremo in seguito L’icona n. 3 è invece quella dell’intervallo nel post. Cliccandovi sopra durante la compilazione del post apparirà una linea. Essa delimiterà il contenuto visibile sulla pagina principale (cioè quello situato prima della linea di intervallo) alla fine di questa porzione di testo apparirà la scritta “Continua a leggere”. Cliccandoci sopra il lettore potrà saltare ad una pagina che conterrà il post nella sua versione integrale. Questa opzione è interessante per evitare che post molto lunghi occupino molto spazio nella pagina principale. Forniremo un’anteprima e poi i lettori interessati potranno consultare il resto con un semplice clic. LE PAGINE Le pagine sono le sezioni in cui si divide il blog. La prima è sempre quella con i post, ma possiamo crearne altre che abbiano un contenuto fisso. 2
  • 3. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari Le pagine più frequenti in un blog associativo sono quelle che spiegano la storia dell’associazione e la sua mission, quelle con i contatti, quelle che contengono collegamenti per scaricare il materiale informativo o la modulistica, quelle dedicate a specifiche iniziative. Le pagine si possono creare, modificare ed eliminare a piacimento dal pannello generale nella sezione pagine. Da quando si crea la seconda pagina il blog si dota di una barra che può essere verticale o orizzontale per navigare fra le varie pagine Questo è un esempio di barra delle pagine orizzontale. I COMMENTI In ogni post gli utenti hanno la possibilità di lasciare commenti. Ci sono diverse possibili configurazioni per gestire i commenti: 1. Commenti liberi e pubblici: chiunque può scrivere un commento e questo verrà pubblicato immediatamente sotto il post. Scelta poco consigliata in quanto utenti maleducati o con fini denigratori potrebbero approfittarne. 2. Commenti limitati e pubblici: solo alcune categorie di utenti possono commentare i post e i loto commenti sono immediatamente online. 3. Commenti limitati e moderati: come sopra ma prima di essere messi online i commenti devono ricevere l’autorizzazione del gestore del blog che li visualizzerà nella sua bacheca. 4. Commenti bloccati: nessuno può inserire commenti. Il pannello per la gestione dei commenti è in tutto e per tutto simile a quello dei post. 3
  • 4. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari LAYOUT Il blog è sostanzialmente strutturato nelle seguenti parti: Barra del titolo Barra delle pagine (può essere orizzontale o veritcale) Zona di inserimento dei post Una o più barre laterali che contengono i vari gadgets (di cui parleremo in seguito) Ognuna di queste parti può essere modificata dal pannello layout. Se la parte esiste già basterà cliccare su Modifica nella casella che la contiene. Se non esiste e si può creare si vedrà il nome Aggiungi (come nel caso di Aggiungi un gadget. MODELLO Blogger contiene molti modelli pre-impostati per dare al proprio blog uno stile grafico. I modelli sono standard ma ciascuno può essere modificato in molte sue parti per personalizzarlo. Dopo aver scelto il modello che si avvicina di più alle proprie esigenze, si sceglierà Applica al blog quindi, dopo averne verificato l’idoneità visualizzando il blog nella sua nuova forma grafica si potrà procedere a personalizzarlo selezionando il tasto Personalizza Apparirà così la finestra del designer modelli di blogger. 1 2 3 4 5 Da essa si potrà cambiare : 4
  • 5. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari Il modello selezionato precedentemente (sezione 1) Lo sfondo per il proprio blog (sezione 2). Cliccando sulla freccia grigia vicino all’immagine si potrà accedere alla galleria immagini preimpostate da blogger o selezionare un’immagine presente sul proprio computer per caricarla. Si potranno modificare le larghezze del blog (sezione 3), sempre tenendo conto che potrebbe venir visualizzato da schermi con risoluzioni molto diverse e quindi la cosa migliore rimane quella di tenersi su valori intermedi come quelli impostati in automatico da blogger. Nella sezione layout (sezione 4) si potrà personalizzare la struttura del blog a partire dal modello scelto, che poi si gestirà dal pannello layout che abbiamo descritto precedentemente. Come si vede qui sotto le possibilità riguardano la gestione delle colonne laterali e del piè di pagina La sezione avanzato (sezione 5) contiene una serie di opzioni più dettagliate per gestire le caratteristiche generali del blog. La sezione avanzato serve per una ulteriore personalizzazione ma si sovrappone alle sezioni precedenti per cui la si userà per rendere ancora più consona alle proprie esigenze una modifica già fatta nelle altre parti del designer. Le sezioni sono le seguenti:  Testo pagina: carattere, colore e grandezza del testo principale della pagina del blog  Sfondi: colori per i vari sfondi (interno, esterno, etc.)  Link: colori dei collegamenti ipertestuali (consiglio: mantenere i colori classici aiuterà gli utenti a riconoscere subito i collegamenti presenti)  Titolo: carattere e colore del titolo testuale inserito (se nella barra del titolo è stata inserita un’immagine o un titolo grafico da file o logo questa opzione non serve)  Descrizione del blog: colore e carattere del sottotitolo (vedi titolo)  Testo schede: carattere, e colori del testo nelle barre delle pagine o nei gadgets  Sfondo schede: come sopra ma relativo al colore di sfondo  Titolo dei post: formattazione dei titoli dei post  Intestazione e data: formattazione delle date dei post (se si sceglie di renderle visibili)  Piè di pagina: formattazione del testo in fondo alla pagina del blog  Gadget: impostazioni grafiche generali per i gadgets  Immagini: eventuali sfondi, colore del bordo (se lo si vuole) e delle didascalie  Colore accenti, Mobile button color e i fogli CSS sono argomenti che esulano dal nostro corso e non indispensabili alla gestione del blog 5
  • 6. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari I GADGETS Nella sezione Layout (vedi pag. 4) abbiamo la possibilità di aggiungere in diverse zone del blog i cosiddetti gadget. Si tratta di mini finestre contenenti materiale dinamico o interattivo di varia natura. Basterà cliccare sul titolo del gadget desiderato e si potrà accedere alla finestra in cui impostare le sue caratteristiche. I gadgets più comuni sono:  Le Etichette  I testi di presentazione  I sondaggi  Foto fisse o slide show  Link selezionati  Liste o elenchi  Feed RSS per seguire il blog Attualmente ci sono 27 differenti tipi di gadgets. INCORPORARE MATERIALE NEI POST Salvare immagini sul proprio blog è certamente utile, ma quando si tratta di materiale più “pesante” in termini di spazio occupato sul server è meglio ricorrere ad altri servizi gratuiti presenti in rete e farci ospitare (to host) lì per poi aggiungere sul blog il materiale con l’operazione che si chiama “incorporazione” (in inglese embedding). Per quanto riguarda i servizi che ospitino il nostro materiale sul web c’è solo l’imbarazzo della scelta. Facciamo qualche esempio:  Video: Youtube - Vimeo  Documenti e Pdf: Google docs - Zoho  Immagini e slide show di foto: Picasa - Flickr I servizi sopra elencati in rosso sono tutti riconducibili a google e quindi hanno alta compatibilità con blogger. Quelli colorati di blu sono sempre gratuiti ma gestiti da aziende diverse. Una volta registrato il nostro account (per i servizi google basta usare lo stesso account di blogger) inseriamo i nostri contenuti secondo le modalità previste dal servizio scelto. Una volta completato l’inserimento dovremo cercare il “codice di embed” che il servizio dovrebbe offrirci. N.B. I servizi di hosting e condivisione danno sempre la possibilità di selezionare il livello di privacy con cui vogliamo pubblicare il documento. Se il nostro obiettivo è di condividerlo sul blog, ricordiamoci di settare questa opzione in modo da renderlo pubblico e visibile a tutti. 6
  • 7. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari Facciamo un esempio utilizzando youtube. Dopo aver caricato un video sul nostro canale, esso apparirà come nella figura qui sotto. A quel punto dovremo cliccare sul pulsante Condividi Apparirà sotto al pulsante questa finestra: Cliccando sul pulsante Codice da incorporare si aprirà a cascata un’altra sezione contenente del codice HTML Per prima cosa dovremo scegliere le dimensioni che vorremo dare al riquadro del video ed eventualmente alcune opzioni relative alla privacy. Poi dovremo copiare il codice evidenziato e tornare al nostro blog nella finestra di creazione del post che stiamo creando e in cui vogliamo inserire il filmato. Dopo aver inserito il testo necessario e aver individuato la posizione di incorporazione del materiale (in questo caso il video) clicchiamo sul pulsante HTML. 7
  • 8. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari La finestra di creazione del post cambierà leggermente mostrandoci, invece del contenuto formattato, il codice html (quindi non ci stupiamo se dove abbiamo aggiunto immagini o grassetti compariranno strani simboli o diciture sconosciute). Nel punto dove vogliamo inserire il video (ricordiamoci di lasciare una riga almeno di spazio dal testo in modo da non schiacciare troppo i contenuti uno sull’altro) incolleremo il codice da incorporare. Tornati alla modalità Scrivi (cliccando sul pulsante che si trova vicino a quello HTML) vedremo il riquadro del video inserito nel post. Il meccanismo è lo stesso per tutti i contenuti. Bisogna solo sapere dov’è il codice da incorporare nel servizio scelto per ospitare i nostri files. CONSIGLI UTILI Ci sono dei comportamenti virtuosi che un blogger può adottare per veder crescere il traffico qualificato sul proprio blog (il che significa diffondere le proprie idee in modo che raggiungano più persone possibili). 1. Non lasciate inattivo il vostro blog per lunghi periodi di tempo. Chi ci segue torna spesso a vedere se ci sono novità e non è bello trovare il blog spoglio e senza vita. Come alternativa si possono eliminare le date dai post o strutturare il blog perché funzioni come un sito più statico. 2. Più volte le parole chiave interessanti per la ricerca su google appariranno nei vostri titoli e nei posts, più facilmente i motori di ricerca vi segnaleranno ai primi posti (questo porta più traffico e quindi una migliore posizione … e via dicendo). Tutto va fatto senza esagerare e rispettando le regole della buona scrittura. 3. Utilizzando più servizi per ospitare il vostro materiale avrete modo di comparire in più luoghi e linkarvi da soli, questo aiuta a posizionarsi bene sui motori di ricerca. 4. Iniziate a seguire dei blog simili al vostro, o che comunque attirino traffico qualificato per il messaggio che volete comunicare (se il vostro blog parla dei diritti degli animali non mettetevi a seguire un blog di cacciatori … ma potreste contattare il blog di un canile o di qualche appassionato che sia seguito da persone sensibili al tema che trattate). Cominciate a commentare i suoi post (se è permesso) o a citare i suoi articoli (chiedendo prima l’autorizzazione via mail e specificando sempre la fonte a fine del copia incolla). L’autore/rice del blog potrebbe fare lo stesso con voi o mettervi nei link amici aprendovi una nuova finestra di traffico qualificato. Questo risolve anche il problema di avere sempre articoli da postare (fra i nostri e quelli che ci piacciono ci sarà l’imbarazzo della scelta). 5. Apriamo un gruppo su Facebook o un canale Twitter per mettere i link dei nostri articoli del blog. Questi due servizi “social” creano delle vere e proprie comunità online e se riusciamo ad appassionare il gruppo agli argomenti che ci stanno a cuore avremo possibilità anche di vederci rimbalzare da una bacheca all’altra attirando l’attenzione di un sacco di gente Vi ricordo la teoria dei sei gradi di separazione di F. Karinthy secondo cui qualunque persona del globo è legata a qualunque altra attraverso una catena composta da non più di 5 intermediari! Nel 2011 un gruppo di informatici dell'Università degli studi di Milano, in collaborazione con due informatici di Facebook hanno effettuato un esperimento su scala planetaria per calcolare il grado di separazione tra tutte le coppie di individui su Facebook. In media, i gradi di separazione sono 3.74 molto meno di quanto la teoria facesse pensare. Il 92% delle coppie è separato da non più di 4 gradi! 8
  • 9. Dispense del corso “Il tuo posto sul web” del prof. Andrea Multari 6. Esploriamo la rete in cerca di blog che ci ispirino con idee, articoli, grafica o impostazioni particolari. Internet è piena di cose buone a cui far riferimento per creare la nostra finestra sul mondo digitale, non lasciamocele sfuggire. 7. Ricordiamoci sempre che nella finestra iniziale della bacheca di blogger (quella dove si trova l’elenco di tutti i blog che abbiamo creato) c’è il tasto che ci permette di accedere alla guida di blogger con tutte le informazioni necessarie ad approfondire eventuali problemi tecnici. Buona navigazione 9