Usare Google Maps come navigatore offline gratuito.

Tempi duri per i navigatori satellitari che pure hanno avuto un grosso sviluppo negli anni scorsi. Da qualche tempo i possessori di un telefono Android possono usare il loro cellulare come fosse un navigatore anche senza la connessione a internet. Se si desidera fare del trakking in una zona mancante di segnale o se vogliamo intraprendere un viaggio aiutati dal cellulare senza preoccuparci della presenza o meno della copertura possiamo scaricare da Google Maps l'area che ci interessa per poterla consultare offline anche senza connessione.

Come annunciato dal Google Blog Italia possiamo scaricare la mappa di una determinata area geografica per poterla utilizzare un una strada di campagna o in un parcheggio sotterraneo. Inoltre Google Maps continuerà a funzionare senza interruzioni anche quando si passerà in auto in un tunnel o quando si perdesse il segnale per qualche ragione. Se non avete aperto Google Maps su Android vi sarà mostrato l'avviso di questa nuova funzionalità per scaricare la mappa dell'area intorno casa

Come aprire un determinato sito sempre in modalità in Incognito con un addon di Google Chrome.

Quando si naviga nel web lasciamo delle tracce molto evidenti del nostro passaggio. Non mi riferisco tanto ai dati immagazzinati nei server del nostro provider internet quanto alla Cronologia e ai cookie che si installano nel nostro browser. Google tiene conto anche di tutte le ricerche effettuate con il suo motore nella Cronologia Ricerche. La modalità nascosta o in Incognito permette di mantenere riservati i dati sui siti che vengono visitati durante quella sessione. Una tale funzionalità esiste in tutti i più importanti browser. Su Google Chrome per iniziare tale navigazione nascosta si va in alto a destra nella icona delle Impostazioni e si sceglie Nuova finestra di navigazione in incognito.

Come verificare che un sito è senza malware o phishing.

Le minacce sul web sono molte di più di quelle che ci si potrebbe attendere. Erroneamente si crede che sia sufficiente non navigare per siti con contenuti per adulti e simili per essere al riparo da queste problematiche. Invece può capitare che anche siti assolutamente seri siano a loro insaputa o comunque non per loro colpa dei veicoli di malware e phishing. Si tratta di due tipi di pericoli diversi ma che spesso vanno di pari passo. Si ha un attacco di phishing quando qualcuno assume un'altra identità per indurti a condividere informazioni personali riguardo per esempio ai dati della carta di credito, del conto corrente bancario o anche non direttamente collegate al denaro ma solo di natura confidenziale. Questo avviene solitamente attraverso l'invio di email taroccate ma anche tramite la creazione di siti web fasulli. Il malware è invece un software che si installa nel computer, anche in questo caso quasi sempre a nostra insaputa, con lo scopo di danneggiare il PC o di carpire informazioni riservate. Spesso il danneggiamento del computer è accompagnato da un invito a scannerizzarlo con un particolare antivirus previa il suo acquisto a un prezzo tutt'altro che di favore.

Come usare la tastiera per navigare tra i post di Blogger.

Favorire la navigazione nel nostro sito dovrebbe essere una delle priorità perché in questo modo si facilita la permanenza dei visitatori e si offre un servizio di maggiore qualità ai lettori. Ho già illustrato come inserire una numerazione della pagine con i bottoni di navigazione e come aggiungere due pulsanti per spostarsi all'inizio e ala fine del post.

Tutte le tastiere hanno quattro tasti direzionali che possono essere attivati per navigare più semplicemente sul nostro blog. E' evidente che dovremo informare di una tale modifica i navigatori in modo che la possano utilizzare. Si può inserire a tale scopo un testo di istruzioni nella parte alta del layout. L'aspetto dei tasti di navigazione non è molto diverso da tastiera a tastiera

Pulsanti per andare a inizio o a fondo pagina e per farla scorrere a velocità prestabilita.

In moltissimi siti sono presenti dei bottoni per aiutare il navigatore nello spostarsi all'interno della pagina. La soluzione più semplice è quella di mettere un pulsante per tornare a inizio pagina e un altro per spostarsi alla fine della stessa. Questi spostamenti possono essere resi più eleganti e meno repentini attraverso la libreria JQuery. L'esempio più semplice è proprio quello del pulsante per tornare al top del post che utilizza un semplice link per funzionare. Un metodo più sofisticato è quello di utilizzare due icone per andare a inizio e a fondo pagina che usano anche JQuery.

La soluzione più completa che avevo proposto fino a questo momento consisteva di due bottoni affiancati per spostarsi al top o a fondo pagina usufruendo di ben sei stili differenti di icone. Questo articolo vuole mostrare come installare un tool di 6 pulsanti sempre visibili in posizione fissa in basso a destra della pagina che consentano le seguenti azioni: al Top della Pagina, Pagina Su, Pagina Giù, Fondo Pagina, Auto Scroll e Stop Auto Scroll. Lascio ai lettori più acculturati in materia se sia più giusto scrivere Su senza accento o con l'accento e mi occuperò degli ultimi due pulsanti

Numerazione delle pagine di Blogger con bottoni di navigazione.

Ho già pubblicato un post su come inserire il numero delle pagine del blog a fondo pagina per favorire la navigazione degli utenti a partire dalla homepage. In quell'articolo erano anche stati creati sei diversi stili di bottoni per andare incontro alle varie esigenze di layout.

Sempre lo stesso autore il cui link è inserito alla fine di questo post ha realizzato un altro script sempre sullo stesso tema. A differenza dal precedente che non aveva limitazioni di riutilizzo questo ha la restrizione che può essere modificato solo con il consenso dell'autore.

Non si possono quindi inserire espressioni italiane e sarà visualizzato insieme ai bottoni un link di attribuzione. In compenso l'istallazione è veramente semplice visto che non occorre neppure modificare il template ma è sufficiente aggiungere un gadget HTML/Javascript in una sidebar. Sono disponibili cinque stili diversi realizzati da un altro blogger citato anch'esso alla fine. E' comunque possibile modificare i colori dei bottoni semplicemente sostituendo i codici esadecimali dei colori. Si va quindi su Layout > Aggiungi un gadget > HTML/Javascript e si incolla uno dei codici seguenti in Sezioni del sito 

Bellissimo Menu Circolare da installare su Blogger.

Ho presentato menu di tutti i generi e adatti a quasi tutte le esigenze. Ci sono quelli semplicissimi particolarmente amati dai principianti e quelli più complessi che vengono usati principalmente dai blogger più esperti. I miei lettori hanno potuto scegliere tra una vasta gamma di menù orizzontali o verticali, con una sola linea di navigazione o strutturati su più livelli, posizionati nella parte alta, nella sidebar oppure con effetto slide sulla parte sinistra o destra del layout.

E' però sicuramente la prima volta che passo a illustrare la procedura di installazione di un menù che ho denominato "circolare" perché, se si passa con il mouse sopra l'immagine centrale, si aprono in senso orario o antiorario tutta una serie di altre immagini debitamente collegate ai vari post o alle varie etichette del blog. L'utilizzo di questo menù potrebbe interessare soprattutto coloro che hanno diverse gallerie fotografiche a loro volta inserite in delle pagine statiche. Tutte queste gallerie potrebbero essere riunificate in un'altra pagina statica attraverso questo Menu Circolare. Un'altra possibilità che mi viene in mente è quella di usare come link le etichette del blog quando queste sono in numero non eccessivo, per esempio in un blog di cucina possono essere così organizzate le ricette degli antipasti, primi piatti, secondi, contorni, dessert, dolci, ecc.

Come eliminare o cambiare di posizione a Post più Recente, Home e Post più vecchio su Blogger.

Alla fine del post in quasi tutti i modelli di Blogger ci sono i tre link Post più recente, Home page e Post più vecchio. Se si è aperto il primo articolo mancherà ovviamente il primo link. Si tratta di un sistema di navigazione all'interno del blog che mi risulta essere poco usato. Tanto che in alcuni template si è preferito optare per una navigazione basata sulla numerazione delle pagine.

A seguito di uno scambio di opinioni con la mia amica Soffio di Dea ho pensato fosse utile scrivere un articolo per illustrare come spostare o eventualmente nascondere questi tre link. Ricordo che ho già pubblicato un post su come sostituire questi collegamenti con delle icone.

COME NASCONDERE TUTTI E TRE I LINK

I collegamenti in questione hanno più o meno questa forma

I Sitelink del blog visibili nei risultati di Google diventano 12.

I Sitelink sono quei collegamenti che sono presenti sotto la homepage di un sito quando si cerca su Google. Ne ho già parlato in questo articolo e sono importanti perché danno una maggiore visibilità al blog. Ulteriori informazioni possono essere trovate nella Guida degli Strumenti per Webmaster. Ricordo che accedendo a Configurazione sito > Sitelink nella nostra Bacheca degli Strumenti per Webmaster possiamo decidere di bloccare i link che riteniamo poco in linea con i temi trattati dal nostro blog.

Se si cercava questo blog fino a un paio di giorni fa ecco come apparivano la homepage e i relativi sitelink

Galleria di foto con strumenti di navigazione per Blogger.

Questo effetto si deve a Dhtheumeuleu ed è stato chiamato dall'autore "The trip of a lifetime". Non si tratta di un vero e proprio slideshow ma il concetto è quello di inserire le immagini una accanto all'altra in un numero di 9 unità. Attraverso il navigatore posto sulla sinistra e, tramite gli effetti di transizione, si potranno scorrere tutte manualmente. Per avere una idea del suo funzionamento andate nel post di

• Demo dell'effetto The trip of a lifetime -

Semplice slideshow di immagini per Blogger ottenuto senza caricare javascript.

Vado a presentare uno slideshow semplicissimo che può essere installato su Blogger senza caricare file javascript su hosting esterni. Il concetto è quello di inserire delle immagini una di seguito all'altra e di visualizzare l'immagine che ci interessa mediante il click del mouse.

Nella parte bassa ci sono i pulsanti di navigazione per scorrere le diverse immagini. Bisogna prestare attenzione alla geometria. Se abbiamo sette foto larghe 500 pixel allora la sua dimensione complessiva sarà di 500x7=3500 pixel. C'è però il problema che alcuni modelli inseriscono dei bordi alle immagini in modo automatico. E' anche il caso del blog che ho usato per effettuare il test. La cosa varia ovviamente da template a template. Vedremo come ovviare a questo inconveniente alla fine dell'articolo. 

Come eliminare lo spazio superiore nei nuovi modelli di Blogger.

Questo trucco non si rivolge solo a chi voglia cancellare lo spazio nella parte alta del template, dopo che è stata tolta la Navbar, ma a tutti coloro che vogliono modificarne le dimensioni in un senso o nell'altro.

 Ricordo che per eliminare la Barra di Navigazione nei template del Designer Modelli, si va su Design > Modifica HTML, si cerca il tag <body> e, immediatamente sotto, si incolla il seguente codice

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Nei modelli creati attraverso la finestra di progettazione di Designer, potrebbe non esserci il tag <body> ma uno simile a questo
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Effetto Slideshow di una Galleria di Foto per Blogger con bottoni di controllo.

L'effetto che vado a proporvi può essere interessante per i blogger che vogliono evidenziare particolari pagine con uno slideshow posto nella sidebar che ne mostri le immagini relative. Si può associare un titolo a ciascuna foto, linkare un post o una pagina di etichette e inserire un titolo visibile in sovraimpressione. L'autore lo ha chiamato Simple Controls Gallery e le istruzioni per l'installazione si trovano su Dynamic Drive insieme a molti altri effetti, alcuni dei quali ho già presentato in articolo passati.

Ho già scaricato i file sorgente e le immagini, li ho modificati e caricati su Google Code, quindi l'installazione del widget non presenta particolari difficoltà. Ecco lo screenshot di esempio

Per vedere l'effetto all'opera dal vivo potete accedere alla

Sostituire Post più recente e Post più vecchio con il Titolo dell'articolo - seconda versione -

Avevo illustrato il procedimento per sostituire a Post più recente e Post più vecchio il titolo dei rispettivi articoli. Ricevo adesso da Giorgiogal una nuova versione del javascript che rende la parte finale della pagina ancora più navigabile. Ecco l'aspetto della parte bassa di tutti i post

Si vedranno i Titoli dei due post adiacenti a quello visualizzato con le scritte Pagina precedente e Pagina successiva, espressioni che comunque potranno essere modificate. Saranno inoltre visibili anche due frecce che all'occorrenza potranno essere sostituite da altre più adatte al layout del vostro blog. Rispetto alla precedente versione è stata introdotta anche un salto di riga per visualizzare i Titoli sopra a Pagina precedente e successiva.

Come sostituire in Blogger Post più recente, Home e Post più vecchio con tre icone.

Se si apre un post di Blogger che non sia l'ultimo pubblicato, in fondo alla pagina, dopo tutta la sezione dei commenti, sono visualizzati tre link: Post più recente, Home page e Post più vecchio. Il loro significato è ovvio così come è ovvia la destinazione di ciascun collegamento. Per rendere più carina e usabile la parte finale dei post, si possono introdurre le pagine di navigazione. 

Questa personalizzazione con i nuovi modelli non sempre riesce. Vediamo come sia possibile sostituire questi anonimi link con tre immagini per rendere il nostro blog più originale. Per prima cosa si dovrebbero trovare delle icone che fanno al caso nostro. Ci sono un sacco di siti in cui cercarle: Iconspedia, Iconza e IconFinder. Quelle che ho utilizzato come prova per realizzare questo post le ho trovate su IconFinder. 

L'obiettivo è sostituire queste tre icone a questi link. Il consiglio è di provare questa personalizzazione con molta cautela e di farlo solo dopo che si è salvato e inserito in una cartella a futura memoria il modello iniziale, specie se si ha un template realizzato con il Designer Modelli.

Come personalizzare o nascondere la Navbar negli ultimi modelli di Blogger.

La Barra di Navigazione è quell'iFrame orizzontale che si vede nella parte alta dei blog su Blogger. Sembra che negli ultimi modelli il metodo per nascondere la Navbar, così si chiama, non funzioni più bene. Vediamo quindi in dettaglio come personalizzarla, per chi la ama, e come nasconderla per chi non la sopporta. La barra ha diverse funzioni che sono oggettivamente utili e quindi, da questo punto di vista, mantenerla adattandola al blog sarebbe la scelta più giusta

Se non siamo loggati, si visualizza la scritta Entra che muta in Esci dopo che si è eseguito l'accesso. La casella di ricerca serve per trovare articoli del blog che hanno una data parola chiave. Gli articoli sono consultabili anche incollando nel browser un indirizzo come questo

http://nomeblog.blogspot.com/search?q=query

Come nascondere la Barra di Navigazione o Navbar su Blogger.

Ci sono blogger che non possono fare a meno della Barra di Navigazione perché gli permette di accedere rapidamente nelle pagine di gestione del blog cliccando su Entra nella parte destra della Barra.

La Navbar può essere configurata scegliendo tra vari colori e può servire anche per scoprire nuovi blog su Blogger cliccando su Blog successivo. Andando su Condividi, il navigatore può postare l'articolo su Twitter, Google Buzz, Facebook e Google Reader. La configurazione si fa da Design > Elementi pagina cliccando su Modifica all'interno dell'elemento corrispondente.

C'è anche il pulsante Segnala un violazione che è stato messo dal team di Blogger con le migliori intenzioni per cercare di mettere un freno ai blog di spam o a blog non in linea con i termini del servizio. Il mio sospetto è che ci sia chi ne abusa.

Come eliminare i dati di navigazione e un singolo cookie da Chrome.

Mentre si apre una sessione con qualsiasi browser vengono archiviati tutti i dati sulle pagine che si sono aperte. Con l'andare del tempo questo causa un fortissimo rallentamento delle prestazioni in termini di velocità di caricamento delle pagine che si visitano. E' però vero che in Firefox, Internet Explorer e Safari esistono delle procedure per cancellare i dati per dare più sprint alla navigazione.

Non sempre però è conveniente cancellarli tutti. Alcuni è bene che rimangano immagazzinati perché molto utili. Mi riferisco ai cookie per accedere ai nostri blog che ti consentono di farlo con un solo click oppure alle password salvate dal browser che altrimenti dovremmo digitare di nuovo.

Vediamo come comportarsi in modo ottimale con Google Chrome, un browser molto veloce che sta sempre di più erodendo fette di mercato a Firefox e IE8. 

Andare su Strumenti (icona con la chiave inglese) > Opzioni > Roba da smanettoni > Cancella dati di navigazione

Come togliere completamente la NavBar (o Barra di Navigazione) in un blog su Blogger.

Qualche tempo fa Blogger ha reso personalizzabile la Navbar aggiungendo anche l'opzione della semitrasparenza. Personalmente ritengo la Barra di Navigazione utile visto che mi serve per entrare nel blog o uscirne con un solo click. La uso quindi per accedere alle schede Layout, Impostazioni e a tutte le funzionalità offerte. Non la utilizzo invece per scrivere i post visto che preferisco il più efficiente editor Windows Live Writer.

Ci sono blogger che invece non la sopportano anche per un fondato motivo tecnico. La Navbar infatti non è altro che un iFrame inserito nel modello proprio nella parte iniziale della pagina. La sua rimozione potrebbe comportare quindi una più semplice indicizzazione da parte dei motori di ricerca. Non parlo tanto di Google visto che Blogger fa parte della stesso gruppo e quindi avranno escogitato certo un algoritmo per non penalizzare gli utenti della loro piattaforma. Mi riferisco ai motori quali Yahoo, Bing e Ask che portano una fetta non indifferente del traffico.

Inserire i numeri di pagina per la navigazione in Blogger scegliendo tra sei stili diversi e personalizzando completamente i colori.

In un precedente articolo ho presentato la personalizzazione su come inserire i numeri di pagina in Blogger per migliorare la navigazione. Ho anche creato un blog apposito per mostrare questa funzionalità che ho chiamato Numeri Pagina Navigazione. Come vedete, nella parte bassa della pagina sono presenti dei numeri che facilitano lo spostarsi tra le varie pagine






Alcuni lettori mi hanno fatto presente che lo stile non si addiceva al loro blog e se ci fosse la possibilità di modificarlo. Abu Farhan ha creato sei stili diversi per la visualizzazione di questi numeri nella parte bassa delle pagine di Blogger e ha pubblicato nel web delle demo dei singoli stili

1. Demo Stile n° 1 -
2. Demo Stile n° 2 -
3. Demo Stile n° 3 -
4. Demo Stile n° 4 -
5. Demo Stile n° 5 -
6. Demo Stile n° 6 - 

Questo credo che coprirà le esigenze estetiche di quasi tutti i modelli in ogni caso possiamo ulteriormente personalizzare come vedremo in seguito. Andate su Layout > Modifica HTML e salvate il modello completo. Cercate la riga

</body>

e, immediatamente sopra, incollate il seguente codice

<!--PAGINE NAVIGAZIONE INIZIO-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=3;
var upPageWord =&#39;Precedente&#39;;
var downPageWord =&#39;Successiva&#39;;
</script>
<script src='http://sites.google.com/site/ideepercomputeredinternet/navigazione/pagine1.js' type='text/javascript'/>
<script src='http://sites.google.com/site/ideepercomputeredinternet/navigazione/pagine2.js' type='text/javascript'/>
<!--PAGINE NAVIGAZIONE FINE-->

Le personalizzazioni riguardano i seguenti punti

1. var pageCount=10; è il numero di post da inserire in ciascuna pagina
2. var displayPageNum=3; è il numero di bottoni che devono essere mostrati a sinistra e a destra della pagina corrente. Guarda la prima immagine per renderti conto di cosa significhi
3. Precedente e Successiva sono le espressioni che vengono visualizzate insieme ai numeri di pagina con ovvio significato. Possono essere sostituite da espressioni più stringate come Pre e Seg, oppure da espressioni inglesi come Prev e Next.

Adesso cercate la riga

</head>

e, immediatamente sopra, incollate il seguente codice

<!--PAGINE NAVIGAZIONE INIZIO-->
<link href='http://sites.google.com/site/ideepercomputeredinternet/navigazione/stile.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
.showpage a:hover {
color: #FFFFFF;
background-color: #940F04;
}
// STILE PER PAGINE SELEZIONATE
.showpagePoint {
color: #FFFFFF;
background: #940F04;
border: 1px solid #940F04;
}
// STILE PER BOTTONI NUMERI
.showpageNum a:link,.showpage a:link {
color: #000000 !important;
background-color: #940F04;
border: 1px solid #940F04;
}
// STILE PER BOTTONI NUMERI PUNTATI DAL MOUSE
.showpageNum a:hover {
color: #FFFFFF !important;
background: #940F04 !important;
border: 1px solid #940F04;
}
// STILE PER BOTTONI PRECEDENTE E SUCCESSIVA
.showpageArea a {
border: 1px solid #940F04;
}
// STILE PER BOTTONI PRECEDENTE E SUCCESSIVA PUNTATI DAL MOUSE
.showpageArea a:hover {
border: 1px solid #940FO4;
color: #FFFFFF !important;
background: #940F04 !important;
}
</style>
<!--PAGINE NAVIGAZIONE FINE - http://parsifal32.blogspot.com-->

dove il colore #940F04; può essere sostituito con un qualsiasi altro a vostra scelta così come gli altri parametri indicati nel codice. Il colore utilizzato è quello dei link di questo blog.
Alternativamente, se invece volete utilizzare gli stili già predisposti da Abu Farhan, allora incollate, sempre sopra la riga </head>, il seguente codice

<!--PAGINE NAVIGAZIONE INIZIO-->
<link href='http://sites.google.com/site/ideepercomputeredinternet/navigazione/stile1.css'  rel='stylesheet' type='text/css'/>
<!--PAGINE NAVIGAZIONE FINE - http://parsifal32.blogspot.com-->

dove al posto del numero evidenziato (1) di rosso inserite quello preferito dei sei sei stili proposti. Per esempio diventerà …/navigazione/stile4.css' se vi piace lo stile numero quattro. Nel caso voleste utilizzare colori diversi da quelli proposti, mantenendo lo stesso stile, dovete procedere in questo modo

1. Scaricare il file dello stile che vi piace andando con il browser nell'URL relativo per esempio (http://sites.google.com/site/ideepercomputeredinternet/navigazione/stile4.css)
2. Aprirlo con Notepad++ e modificare i colori seguendo lo schema illustrato nel codice precedente
3. Se non avete Notepad++, rinominate il file da CSS in TXT e apritelo con il Blocco Note, modificate i colori e rinominatelo con l'estensione CSS
4. Caricate questo foglio di stile su un hosting gratuito come Google Sites. Se utilizzate questa soluzione seguite le  indicazioni dell'articolo che spiega come creare una pagina schedario
5. Acquisitene l'URL puntando con il mouse il file e scegliendo Copia Indirizzo
6. Sostituite questo URL a quello dell'ultimo codice di questo post quindi incollatelo nel modello sopra </head>.

Credo che questo metodo potrà essere utilmente applicato a tutti i modelli di blog.