Menu Orizzontale

domenica 30 maggio 2010

0 Demo del widget di Google Earth e Google Maps.

Questo articolo mostra il widget di Google Earth in alto a destra. Può essere visualizzato da che ha il programma Google Earth mentre quello di Google Maps può essere visto da tutti. Per le istruzioni di installazione consultate il post

lunedì 24 maggio 2010

0 Demo del carattere Tangerine per una porzione di testo dell'articolo

Questo post è una dimostrazione di come si possa variare la famiglia dei caratteri all'interno degli articoli. Ho postato la più bella poesia d'amore della letteratura italiana ad opera di Dante Alighieri


Tanto gentil e tanto onesta pare
la donna mia quand'ella altrui saluta,
ch'ogne lingua deven tremando muta,
e li occhi no l'ardiscon di guardare.

Ella si va, sentendosi laudare,
benignamente d'umilta' vestuta;
e par che sia una cosa venuta
da cielo in terra a miracol mostrare.

Mostrasi si' piacente a chi la mira,
che da' per li occhi una dolcezza al core,
che 'ntender non la puo' chi no la prova;

e par che de la sua labbia si mova
uno spirito soave pien d'amore,
che va dicendo a l'anima: Sospira.





Per le istruzioni su questa funzionalità leggetevi il post

domenica 23 maggio 2010

0 Demo dell'effetto effetto Expando.

Passate il mouse su ciascuna di queste foto per vederle ingrandire con l'effetto Expando














Per le istruzioni su come installare questo effetto seguite le istruzioni dell'articolo


0 Inserire il widget dei post raccomandati dagli utenti di Facebook.

Articolo in fase di realizzazione

0 Demo del widget Activity Feed, un plugin di Facebook.

Demo del plugin Activity Feed o Attività Recenti su Facebook. Per le istruzioni di installazione consultate

venerdì 21 maggio 2010

0 Demo di Revolver Map un widget per monitorare il traffico in tempo reale.

Questo articolo presenta una dimostrazione del widget Revolver Maps che può essere installato seguendo le istruzioni del post

giovedì 20 maggio 2010

0 Demo di come inserire il bottone di retweet su Blogger.

Demo dell'inserimento del pulsante per retwittare i post. Per le istruzioni sull'installazione consultate il post

sabato 15 maggio 2010

lunedì 10 maggio 2010

0 Like Box su Facebook

Dimostrazione del widget "Like Box" di Facebook. Per le istruzioni di installazione consultare

domenica 9 maggio 2010

0 Demo di Post con Segnalibri

Questo articolo è una dimostrazione di come scrivere post con segnalibri. Cliccate su uno dei tre collegamenti seguenti per andare all'inizio del capitolo relativo. Le istruzioni per inserire negli articoli dei marker che rimandano alle varie sezioni sono nell'articolo


MOTIVAZIONI E SCELTA DEL PROGETTO

PIATTAFORMA E DOMINIO PERSONALE

CREARE UN BLOG CON BLOGGER


MOTIVAZIONI E SCELTA DEL PROGETTO
Prima di tutto per iniziare a pubblicare un blog bisogna avere una grossa motivazione; se non si è sorretti dalla volontà potremo certo crearlo ma poi finirà inevitabilmente abbandonato dopo pochi giorni o pochi mesi.
La motivazione deve nascere dalla necessità di comunicare qualcosa, dalla volontà di farlo con un blog, dalla passione verso l’argomento che ci accingiamo a trattare.
Elenco un po’ alla rinfusa le caratteristiche principali per avere un minimo di successo in questa attività
Al blogger deve piacere il computer ed internet – se non sussistono queste due condizioni è inutile persino iniziare
Bisogna saper scrivere e essere dei buoni dattilografi – Se a scuola non si prendeva mai la sufficienza nei temi di italiano dubito che si possa diventare dei bravi blogger. Il dato più importante per il blogger è il tempo: più velocemente si riesce a battere sulla tastiera meno tempo impiegheremo a scrivere i post
Non occorre essere esperti di quello che si scrive, l’importante è esserne appassionati – Se si dovesse scrivere solo di quello di cui siamo esperti il numero di blog sarebbe decimato. La cosa fondamentale è che l’argomento scelto ci piaccia; diventeremo esperti con il passare del tempo attraverso la documentazione e anche l’interazione con i lettori
Il tema del blog deve essere il più possibile svincolato dal contingente – Ben presto ci accorgeremo che la maggioranza dei visitatori arriva dai motori di ricerca quindi bisogna scrivere articoli che possano dare delle risposte a prescindere dal momento in cui sono poste le domande. Un articolo su un fatto politico di attualità può avere un grande riscontro immediato ma tra una settimana sarà probabilmente dimenticato e nessuno lo cercherà più.
Sia che si scriva su un argomento di cui siamo esperti o si disserti su temi di cui siamo solo appassionati bisogna sempre avere la correttezza di far sapere al lettore il grado di affidabilità dei nostri articoli.
Non sempre essere molto ferrati in una certa materia è sinonimo di successo per un autore di un blog. Bisogna anche avere la capacità di comunicare le nostre conoscenze, cosa che è più difficile di quanto possa sembrare a prima vista.
Il web è pieno di blog scritti da insegnanti di ogni ordine e grado, da giornalisti, da persone del mondo dello spettacolo, insomma ai gente che per professione o per vocazione è abituata a interagire con il prossimo. Ho notato che i blog scritti da persone con esperienza didattica sono tra i più curati e comprensibili e quindi anche tra i più visti.
Un altro fattore importantissimo da tenere in considerazione è il tempo che siamo disposti a investire in questa impresa. Alcuni progetti hanno bisogno di un capitale iniziale, altri ancora di conoscenze (nel senso di know-how), il blogger deve essere consapevole che il fattore tempo è fondamentale, è la cosa più preziosa e deve essere investita al meglio
Non si può pensare di iniziare un blog, scrivere 100 post in una settimana, e poi lasciarlo perdere per un mese
Occorre una metodicità nel postare che può essere comunque ottenuta attraverso la programmazione dell’uscita degli articoli. Nel senso che si scrivono i post, si salvano come bozze e se ne programma la pubblicazione a scadenza regolare
Credo che si debba mettere in conto da una a tre ore al giorno da dedicare al blogging, tempo suddiviso nello scrivere articoli, gestire il blog e in una doverosa opera di documentazione su quanto ci si accinge a pubblicare
Il blog può essere creato in modo professionale, semiprofessionale o del tutto amatoriale, quello che conta è che gli obbiettivi che ci si pone siano commisurati al tema che si è scelto e alle nostre capacità di affrontarlo.
Se si crea una specie di diario personale questo avrà certamente i crismi dell’originalità ma sarà probabilmente inadatto ad avere un gran numero di visitatori almeno che la nostra vita non sia emozionante come un romanzo.
La maggior parte degli oltre 130 milioni di blog che esistono al mondo nel momento in cui scrivo sono proprio dei diari e spesso vengono scritti per un intima esigenza o con la modesta pretesa di far conoscere i propri pensieri e le proprie esperienze a un ristretto numero di persone.
Al secondo posto ci sono i blog di Tecnologia in senso lato; indubbiamente si tratta di un settore altamente compatibile con lo strumento ma anche quello in cui c’è la maggiore concorrenza.
Cercare una “nicchia di mercato” in cui sviluppare il proprio progetto è una delle cose più complesse. Si può andare a naso o usare strumenti come le Statistiche di Ricerca di Google per cercare la parole chiave più interessanti da usare per esempio nella scelta del dominio.

PIATTAFORMA E DOMINIO PERSONALE
Ci sono molti servizi in rete in grado di offrire tutti gli strumenti necessari alla creazione di un blog. Vengono in genere chiamati “piattaforme” o CMS (acronimo inglese di Sistema di Gestione Contenuti) e sono dei software coerenti e autosufficienti per passare dalla fase del progetto a quello della realizzazione pratica.
Il più utilizzato dai blogger professionisti e quello più versatile è sicuramente Wordpress che però ha bisogno di un dominio di nostra proprietà per essere installato. L’alternativa gratuita e, nello stesso tempo più semplice ed efficiente, è sicuramente Blogger. Per utilizzare questo servizio di Google occorre avere un indirizzo GMail cioè del tipo mionome@gmail.com.
Se si ha un account GMail ci si può loggare con le nostre credenziali (username e password) nella pagina di ingresso di Blogger che si trova all’indirizzo
https://www.blogger.com/start
Per iniziare dobbiamo cliccare su Crea Blog
Anche su Blogger si può decidere di usare un dominio personalizzato cioè del tipo www.miodominio.com oppure www.miodomino.net o altri ancora.
L’indirizzo (o URL) della pagina principale di un blog su Blogger sono infatti del tipo mio dominio.blogspot.com.
Gli URL hanno delle strutture a livelli con queste denominazioni
quartolivello.terzolivello.secondolivello.com
dove il dominio di primo livello "com" può essere rimpiazzato dal suffisso del Paese come it o da altri del tipo net, org, ecc.
Vediamo come con Blogger sia possibile, con la modica spesa di 10 dollari l'anno, crearsi e gestire un dominio del tipo www.mionome.com. Dopo essere entrati con l’username e la password di GMail, inserite il Titolo del Blog (che potete comunque cambiare in un secondo momento), il nome del blog di terzo livello, verificatene la disponibilità, digitate le lettere del controllo visivo e cliccate su Continua
Scegliete un modello, che comunque potete cambiare in seguito, e andate nuovamente su Continua. Vi sarà notificata l'avvenuta creazione del blog e in quella stessa finestra scegliete Opzioni avanzate di configurazione > Imposta un dominio personalizzato
Adesso impostate l'URL che volete che abbia il vostro blog e verificatene ancora la disponibilità
Oltre a com si può scegliere come dominio di primo livello anche net, org, info o biz. Essendo la registrazione fatta negli USA non si può scegliere il suffisso "it. Ti sarà notificata la disponibilità del dominio insieme a tutte le feature a disposizione
Se non è disponibile un dominio con il suffisso com provate per esempio con quello net per non dover modificare il nome che avete scelto per il vostro blog.  Cliccate su Procedi con la registrazione
Come prima opzione avete quella di mettere o non mettere il segno di spunta nel quadratino per rendere o non rendere pubblici i vostri dati nella directory WHOIS per essere o non essere rintracciabili immediatamente come proprietari del dominio. Occorrerà riempire il modulo ricordando che il vostro nome e cognome, l'indirizzo, il numero di telefono. Se avete già avuto dei rapporti con Google questa trafila sarà semplicissima perché i vostri dati sono già nel loro database.
Nella parte finale del modulo ci sarà un quadratino per rinnovare automaticamente la registrazione anche gli anni successivi. Mettete anche la spunta sull'accettazione dei Termini di servizi e cliccate su Accetto. Vai a Google Checkout
Se non avete ancora effettuato acquisti con Google apparirà anche una schermata in cui inserire i dati della vostra carta di credito (anche prepagata in modo da non mettere in internet informazioni collegate direttamente al vostro conto corrente).
Dovrete inserire
  1. Il numero della carta di credito
  2. La sua data di scadenza
  3. Il codice rappresentato dalle ultime tre cifre poste nella parte posteriore della carta
Se adesso attraverso la Bacheca accedete al vostro blog vi sarà mostrata una finestra di questo tipo
Il blog cioè è in una fase di transizione verso l'indirizzo personalizzato. Però già dopo 24 ore sarà possibile accedere al suo nuovo indirizzo.
Per quanto riguarda il modello, la pubblicazione degli articoli, potete fare tutto da subito direttamente con il primo indirizzo del tipo mioblog.blogspot.com. I vostri articoli saranno reindirizzati al dominio che avete acquistato.
Gli indirizzi dei post avranno immediatamente questa struttura
www.miodominio.com/2010/03/mio-articolo.html
dove il com può essere sostituito dal net come abbiamo visto, 2010 e 03 sono l'anno e il mese della pubblicazione, mio articolo è l'inizio del titolo dell'articolo. Se non si fosse acquistato un dominio l'indirizzo dei post sarebbero stati invece
mioblog.blogspot.com/2010/03/mio-articolo.html
Nel momento in cui acquistate un dominio tramite Google vi verrà concesso anche un account Google Apps.E' una delle tante applicazioni di Google a cui ci si può iscrivere, se si possiede un dominio, anche senza aver acquistato nulla e offre servizi personalizzati di email, chat, documenti, siti, ecc.
La scelta del nome del dominio è fondamentale per il successo di un blog. Trovare una parola chiave che richiami l’argomento trattato è uno dei compiti principali in questa fase di creazione del sito.
Bisogna considerare che questo nome sarà oggetto di ricerca da parte dei motori. Nomi di fantasia che pure possono essere carini o riconoscibili non hanno alcun appeal. Se per esempio volete creare un sito vi veterinaria potrebbero essere dei buoni domini www.caniegatti.com oppure www.canigatti.com o anche www.animali-domestici.com.
In linea di massima già il nome del dominio sarà in grado di portare molti più visitatori se invece si fosse scelto il classico www.nomecognome.com.
In genere non dovremmo inserire dei trattini tra le parole del dominio ma molte volte siamo costretti a farlo perché quello che ci piace è stato già comperato da altri.
Utilizzare un dominio personalizzato non è comunque obbligatorio e possiamo usare Blogger senza acquistarlo, limitandoci a avere un dominio con un URL di livello più basso che sarà del tipo miodominio.blogspot.com oppure www.miodominio.blogspot.com.
Anche in questo caso è comunque consigliabile scegliere un nome del dominio che sia attinente con l’argomento del blog.

CREARE UN BLOG CON BLOGGER

Se volete limitarvi a creare un blog senza comperare un dominio personalizzato andate nella Start Page di Blogger che si trova a questo indirizzo
https://www.blogger.com/start
quindi, come detto nel paragrafo precedente, inserite le vostre credenziali GMail. Se ancora non avete un account GMail potete crearlo andando nella pagina
mail.google.com
e inserendo un nome utente e una password. Questi stessi dati potranno essere usati anche per avere un account su Blogger che permetterà di creare tutti i blog che si desidera senza spendere nulla. Per creare il primo si inseriscono i dati negli appositi campi e si clicca su Accedi
Appena entrati nel mondo di Blogger si presenterà una nuova finestra
in cui dovrai inserire per due volte il tuo indirizzo Gmail e per due volte la password, dovrai scegliere il nome con cui firmare il tuo blog, quindi dovrai digitare le lettere del controllo visivo, mettere il segno di spunta all'Accettazione dei termini di servizio e cliccare su Continua
Nella successiva schermata occorrerà riempire il modulo in questi termini
  • Titolo del blog: Mettere un titolo al blog (si può sempre cambiare in un secondo momento)
  • Indirizzo del blog: Questo non si può cambiare più e dopo aver digitato la parte che si è scelta, bisogna cliccare su Verifica disponibilità per vedere che questo indirizzo non sia stato già preso. Come esempio ho scelto tutorial-blog-parsifal32.blogspot.com.
  • blogspot.com è una caratteristica di tutti i blog sulla piattaforma Blogger.
  • Inserire le parole del controllo visivo
  • Le opzioni più avanzate per il momento lasciatele perdere
  • Cliccate su Continua
Adesso bisogna scegliere il modello del blog, vale a dire la grafica e l'aspetto estetico nonché i colori che più ci piacciono. Non vi fossilizzate troppo su questa scelta, che si può sempre cambiare in futuro almeno finché non si sono inserite troppe cose nel nostro blog
si mette un segno di spunta al modello prescelto e si clicca su Continua
Il Blog è già stato creato, sono bastati due minuti!
Adesso clicca su Inizia ad usare il blog
Quello che si aprirà è l'Editor di Blogger che permette di scrivere gli articoli. Da questa stessa pagina però puoi accedere a tutte le altre funzionalità che ti mette a disposizione Blogger. Le indico brevemente
  • Bacheca in alto a destra, in cui sono indicati tutti i blog che hai creato con il tuo account
  • Account personale sempre in alto a destra, in cui puoi inserire i tuoi dati anagrafici, interessi e molto altro ancora. Puoi anche inserire una foto o comunque un'immagine che ti caratterizza
  • Guida, Esci sempre in alto a destra che hanno nel nome la loro spiegazione
  • Visualizza blog puoi sempre visualizzare il blog cliccandoci sopra
  • Layout rappresenta in modo grafico tutti gli elementi del blog che possono essere spostati, entro certi limiti, con il drag & drop del mouse
  • Impostazioni è la scheda in cui vengono salvate tutte le personalizzazioni che vogliamo inserire. L'unica importante in questa fase è di andare in Impostazioni>Formattazione>Fuso orario e scegliere quello di Roma.
Adesso andiamo su Post in alto a sinistra della scheda Layout . La scheda Modera Commenti serve per approvare o eliminare i commenti dei lettori se si è scelta questa opzione.
Modifica post è invece una scheda che mostra tutti gli articoli che si sono già pubblicati con le opzioni per modificarli, modificarne le etichette o la data di pubblicazione. Si possono anche eliminare, ma questo è consigliabile solo se l’articolo non è stato ancora indicizzato, dato il poco tempo passato dalla sua pubblicazione. Se si vuole cancellare un post che ci siamo pentiti di aver scritto conviene sostituirlo con una scritta tipo “Questo articolo è stato rimosso” o analoga.
Concentriamoci nella fase fondamentale che è quella della pubblicazione dell’articolo o post che dir si voglia. Ecco in uno screenshot quello a cui servono i bottoni e i collegamenti presenti nell’editor di Blogger
Ho indicato quasi tutte le funzionalità, ho volutamente tralasciato quelle che bisogna spiegare con più attenzione
  • Citazione il bottone con le virgolette, a destra degli elenchi, e serve per inserire tramite il Copia/Incolla dei brani presi da altri siti o blog
  • Opzioni post consente, se aperto, di inserire l'orario e la data in cui si vuole che il post venga pubblicato
  • Salva Adesso consente di salvare l'articolo come Bozza e di riprenderlo in un secondo momento
Inserire le tag o etichette è un’operazione fondamentale e serve per facilitare la ricerca dell’articolo nella marea del web. Ciascuna etichetta deve essere separata da una virgola, può essere formata anche da più parole separate da uno spazio e se ne possono inserire un numero variabile. Ritornando all’esempio precedente se si scrive un articolo sul cibo preferito dei cani le parole chiave che possiamo inserire sono: cani, cibo,animali. Non bisogna lesinare a immettere le etichette ma neppure esagerare. Il loro numero può variare da due o tre a sette o otto, sconsiglio di inserirne di più per evitare di far passare il nostro blog come pieno di spam agli occhi dei motori di ricerca.
Quello che avete visto nello screenshot è chiamato Editor precedente, esiste anche la versione più aggiornata. Per passare da una all’altra bisogna andare su Impostazioni > Generale > Impostazioni globali > Seleziona post Editor e mettere il segno di spunta a quello che si preferisce
Occorre cliccare su Salva Impostazioni per fare in modo che diventino operative.

COME INSERIRE UN’IMMAGINE

Occorre cliccare nell'icona a destra del controllo ortografico. Si aprirà questa finestra
Se si vuole caricare l'immagine dal computer si clicca su Sfoglia mentre se si vuole caricare un'immagine dal web si inserisce l'URL a destra. Questa seconda opzione serve se si vuole inserire una foto vista in qualche sito senza caricarla nelle nostre cartelle di immagini che Blogger organizza in Picasa . Basta cliccare sull'immagine con il destro del mouse quindi su Copia indirizzo immagine  e quell'indirizzo si Incolla in quel campo. Quando abbiamo finito si pigia su Carica Immagine, infine su Completato quando il processo sarà finito.
Le immagini che carichiamo sul blog andranno a finire, come detto, nel nostro account su Picasa che si sarà aperto automaticamente insieme a quello di Blogger. Avremo a diposizione uno spazio di 1024MB per le nostre immagini che comunque potremo ampliare con la modica spesa di 5 dollari l’anno.
E' anche possibile scegliere se l'immagine si deve inserire sulla destra, sinistra o senza nessuna preferenza. E' comunque possibile con il drag & drop spostarla all'interno del testo; se ci si clicca sopra vengono visualizzate delle maniglie che ci consentono di fare questo e anche di modificarne le dimensioni.
Con l’editor aggiornato di Blogger si inserirà l’immagine nella posizione che avrà il cursore all’interno dell’editor.
Per caricare dei video nell'articolo occorre cliccare nell'icona a destra della gomma (la penultima) quindi scegliere con Sfoglia un video dall’hard-disk. Questa opzione è comunque poco usata visto che si preferisce inserire il codice HTML preso da siti sul tipo di Youtube.

COME INSERIRE UN VIDEO NEL BLOG

Facciamo l’esempio di Youtube ma la cosa è praticamente identica con tutti gli altri siti di video-sharing.
Quello che si deve fare è passare da Scrivi a Modifica HTML come mostrato nello screenshot
A questo punto dobbiamo selezionare e copiare il codice HTML del video che vogliamo aggiungere. Per far questo andiamo p.e. su Youtube e, dopo aver selezionato il video che ci interessa, clicchiamo con il pulsante sinistro del mouse sul campo "Codice da incorporare" fino a che non si colorerà di celeste; se non si colorasse clicchiamo con il pulsante destro quindi su Seleziona tutto. Scegliamo infine Copia per copiare il codice che rimarrà negli Appunti.
Adesso ritorniamo al nostro post nella modalità Modifica HTML e clicchiamo sul pulsante destro del mouse quindi su Incolla per incollarlo nel post
Adesso ritorniamo su Scrivi e non visualizzeremo nulla se siamo nell’editor precedente ma se pubblichiamo il video sarà presente nel post. Se invece utilizziamo l’editor aggiornato vedremo il contorno del video come nell’immagine successiva
Prima di incollare il codice assicurarsi che il punto di inserimento sia alla fine di quello che si è già scritto ed è meglio andare a capo prima di farlo. Si pigia il pulsante Pubblica post ed è fatta.

COME INSERIRE UN COLLEGAMENTO

I collegamenti (o link) sono la cosa più importante di un sito e servono per andare alla pagina collegata cliccandoci sopra. Un link è formato dal cosiddetto anchor text e dall’URL della pagina linkata.
L’anchor text è il testo che si vede materialmente in un link, mentre l’indirizzo della pagina serve per indirizzare il navigatore se ci clicca sopra.
Per poter creare un collegamento occorre
  • selezionare il testo o l'immagine che si vuole collegare
  • cliccare sull'icona della catena a destra dei colori
  • Inserire l'URL nella finestrella che si apre
  • cliccare su OK
Nell’immagine precedente l’anchor text è “Prova di collegamento”.

COME PROGRAMMARE LA PUBBLICAZIONE DEI POST

Un articolo (o post) può essere pubblicato immediatamente andando su Pubblica Post, può essere Salvato come Bozza, se ancora non lo abbiamo finito di scrivere, o possiamo posticiparne l’uscita a un giorno e a un’ora prefissata
Si possono scegliere ora e data di pubblicazione, anche antecedenti a quelli attuali. Prima di fare questo è opportuno andare su Impostazioni > Formattazione e impostare il corretto fuso orario della nostra zona di pubblicazione.

domenica 2 maggio 2010

0 Widget dei bottoni di condivisione sui social network e social bookmarking.

Questa è una pagina di demo per il widget di condivisione degli articoli ottenuto dalle API di AddThis. Per le istruzioni su come installare questo gadget consultate il post