Come impedire il redirect automatico da blogspot.com ai domini localizzati (.it, .fr, .de, ecc)

Sono ormai passati più di tre anni dal Marzo 2012 quando Blogger decise di creare i domini localizzati per i blog gratuiti ospitati su quella piattaforma. Questo significa che un sito con un dominio mioblog.blogspot.com se aperto con un browser impostato nella lingua italiana si aprirà con URL mioblog.blogspot.it mentre se viene aperto in Francia verrà visualizzato on URL mioblog.blogspot.fr, nel Regno Unito avrà indirizzo mioblog.blogspot.co.uk e così via.  La ragione di questa funzionalità fu spiegata da Google con l'esigenza di gestire localmente i contenuti. Viste le differenze culturali dei vari paesi e viste anche le molteplici richieste di rimozione di contenuti da parte di alcune autorità locali, il Team di Blogger con questa modifica può oscurare un dominio solo per le estensioni dei paesi che ne fanno richiesta lasciando il blog inalterato per  tutto il resto del mondo. Questo secondo Google sarebbe un buon compromesso tra l'esigenza di libertà di espressione e il rispetto della legislazione locale. 

AntiAdware è uno script che impedisce l'installazione di programmi sponsor.

Proprio ieri sera il computer mi ha mostrato un avviso per effettuare il download di Adobe Flash Player che ho provveduto a fare. Ormai sono piuttosto esperto di internet e so che quando si scarica questo programma vengono anche installati di default anche altri programmi cosiddetti sponsor.

 

Se non c'è nessuna azione da parte dell'utente nel secondo di tre passaggi per esempio insieme a Adobe Flah Player vengono installati McAfee Security Scan Plus oppure la barra di ricerca di Ask. Una procedura simile viene praticata abitualmente anche siti di download come Softonic, FreewareFiles, DataFileHost, 180upload, Filesflash, Download.com,  ecc.

Come installare gli script su Chrome, Firefox, Opera e Safari.

I browser più recenti danno la possibilità agli utilizzatori di installare una grande mole di estensioni soprattutto i più usati. Le personalizzazioni dei browser però non si esauriscono con gli addon perché è possibile installarvi anche quelli che vengono definiti "script" e che sono dei file in formato javascript che permettono di aggiungere ai browser delle funzionalità ulteriori.

Il primo a introdurre questa funzione fu Firefox e gli script potevano essere installati tramite l'addon Greasemonkey mentre su Chrome addirittura si potevano installare anche senza una estensione specifica.  Gli script sono gli stessi per tutti i browser e possono essere cercati su siti specifici. Fino a qualche tempo fa la maggior parte di questi era ospitata dal portale Userscripts.org che però ha smesso di funzionare ed è stato rediretto. I repository ancora disponibili sono: Gist su GitHub, GreasyFork che ha anche una versione italiana e che attualmente è il migliore, OpenUserJs e Userscipts Mirror che è appunto un mirror di Userscripts che è down dal 2014. 

Come impedire di farci copiare le immagini con il destro del mouse o con il drag & drop.

Premetto che un esperto di informatica può sempre trovare il modo di copiare una immagine magari andando sul sorgente pagina per poi riuscire a trovarne l'indirizzo. Però in genere chi commette furti di foto non è un grande conoscitore di internet altrimenti non rischierebbe una infrazione di questo genere che potrebbe compromettere tutto il suo lavoro visto che ci sono delle norme internazionali molto precise per combattere le violazioni di copyright.

D'altra parte gli autori di siti con immagini molto preziose come potrebbero essere gli artigiani che propongono i loro lavori, le ragazze che si occupano di make-up o di nail-art, i fotografi professionisti o anche chi abbia scattato una foto importante perché si trovava nel posto giusto al momento giusto sono da sempre alle prese con la piaga del furto di immagini. Pensate a una food blogger che impiega ore per la realizzazione di una ricetta e che poi si vede copiare le immagini da un altro sito che oltre a riproporre l'elenco degli ingredienti o la preparazione magari con qualche modifica ne copia integralmente le immagini. Ci sono dei metodi grafici per introdurre degli watermark nelle foto ma per ragioni estetiche vengono quasi sempre inseriti nelle parti esterne e quindi possono essere nascosti mediante un semplice ritaglio.  Mi sono già occupato su come procedere per disabilitare il destro del mouse per impedire che la foto venga copiata o scaricata. Mi è stato però fatto osservare giustamente che si può scaricare una foto non solo con il destro del mouse ma anche trascinandola in una nuova scheda del browser. Con i sistemi operativi Mac la cosa è addirittura molto intuitiva. 

Come installare degli script di Firefox su Chrome e viceversa.

Da qualche mese le directory in cui si trovano gli script da utilizzare in Firefox con Greasemonkey e in Chrome con Tampermonkey sono quasi tutte irraggiungibili. Anche l'escamotage di modificare l'URL della directory di userscript.org non funziona più. 

Visto che gli script installati su Firefox con Greasemonkey e quelli installati su Chrome con Tampermonkey sono praticamente gli stessi vediamo come procedere per installarli nell'altro browser se li abbiamo in uno dei due. Per prima cosa ovviamente dovremo scaricare i file javascript.

COME SCARICARE LO SCRIPT DA CHROME

Si clicca sulla icona di Tampermonkey quindi si va su Bacheca nella finestra che si apre 

Userscripts.org è down, come installare ugualmente gli script per Firefox e Chrome.

Da più di tre giorni non si riesce ad accedere al sito userscripts.org che serve per installare gli scripts utilizzati dalle estensioni Greasemonkey di Firefox e Tampermonkey di Chrome. Molti frequentatori del web utilizzano queste estensioni e questi script per migliorare la loro esperienza di navigazione. Come non bastasse non si riesce ad aprire oltre alla homepage del sito neppure le pagine dei singoli script se ne avevamo il link. Pur essendo peggiorata di molto la qualità di questa directory si tratta ancora di quella che ne ospita il maggior numero.

Come portali alternativi si può utilizzare Greasy Fork o OpenUserJS.org per vedere se esistono degli script con le funzionalità da noi richieste. Ricordo che affinché funzionino bisogna aver preventivamente installato su Firefox l'estensione GreaseMonkey e su Chrome l'addon TamperMonkey. Se siamo abituati a usare uno script di userscprits.org per esempio su Chrome e vogliamo utilizzarlo anche su Firfefox possiamo però ugualmente accedere usando un escamotage.

Come usare il codice asincrono per gli annunci Adsense.

Da qualche giorno per i publisher Adsense è disponibile il codice delle unità pubblicitarie in versione asincrono al posto di quello sincrono ordinario. Gli script asincroni sono già stati utilizzati da Google Plus nell'installazione dei relativi bottoni e widget, da Facebook per i suoi plugin e, più recentemente anche da Twitter. Si può anche applicare questa tecnologia al caricamento delle immagini del sito mediante lo script Lazy Load Plugin.

Da quando la velocità di caricamento è diventata un importante fattore per determinare il posizionamento nelle SERP delle varie pagine web e da quando Google si sta impegnando per velocizzare il più possibile il web, il caricamento asincrono degli script è diventato una necessità. E' adesso possibile applicarlo anche agli annunci Adsense. Ricordo che quando si apre una pagina il caricamento di un singolo elemento può ritardare il caricamento di tutti gli altri. Se si opta per il codice asincrono non si interferisce con il caricamento di altre parti della pagina web velocizzando la sua visualizzazione da parte degli utenti. Nel caso degli annunci Adsense questo significherà che potranno essere caricati i contenuti delle pagine anche se ci sono delle difficoltà a caricare le unità pubblicitarie.

Google Translator Tooltip per tradurre parole o frasi dal browser.

Google Traduttore è uno dei servizi più usati di Google perché permette di tradurre parole o frasi anche dalle lingue più improbabili oppure di conoscere la corretta pronuncia in idiomi che mastichiamo più o meno bene. Esiste anche la versione mobile di Google Traduttore per Android e per iPhone su iTunes.

Recentemente nella versione di Google Translate di Google Play è possibile scaricare i pacchetti delle varie lingue per poter usare il traduttore anche senza connessione internet. Quando nel web apriamo pagine in lingue sconosciute si può usare Google Toolbar che consente di tradurre una parola semplicemente puntandola con il mouse. Google Toolbar non è però installabile su Chrome ed è un po' troppo invasiva su Firefox. Certo che se si usa Google Chrome possiamo tradurre intere pagine web semplicemente cliccando nella pagina con il destro del mouse e selezionando Traduci in …

Come creare delle mappe del sito (sitemap) per i visitatori.

Sappiamo che è molto utile inviare delle Sitemap a Google e agli altri motori di ricerca affinché indicizzino il più rapidamente possibile gli articoli che pubblichiamo. E' altrettanto utile inserire una mappa del sito che permetta agli utenti di visualizzare rapidamente tutti i post che sono stati pubblicati in ordine cronologico, in relazione alle etichette che li sono stati assegnati e anche relativi a una singola categoria che abbia un significato particolare per il nostro sito. Ecco una pagina di questo blog che ho dedicato alle

MAPPE DEL SITO  

Vediamo come sia possibile creare le sitemap da postare per esempio in una pagina statica in modo da venire incontro a tutte le esigenze dei lettori.

Come visualizzare i commenti nidificati di Blogger anche su Internet Explorer e con Scriptaculous e Prototype.

I commenti nidificati recentemente introdotti da Blogger presentano tuttora delle incompatibilità. La più grave riguarda alcuni modelli e Internet Explorer. In taluni casi, dopo l'introduzione delle risposte ai commenti, con la procedura di sostituzione di una riga di codice, se si apre un post con Internet Explorer si vede una semplice pagina bianca mentre in altri blog c'è un blocco dello scorrimento. Nel senso che non si può operare sul cursore posto sulla destra per visualizzare interamente la pagina e la schermata non risponde alle azioni del mouse.

Simple Blogger Tutorial ha trovato la soluzione a questo problema che funziona con tutti i modelli testati e con Internet Explorer 9 mentre con Internet Explorer 8 ci sono ancora dei template in cui possono sussistere dei problemi. La soluzione proposta è concettualmente molto semplice. Nel codice piuttosto corposo dei nuovi commenti di Blogger c'è l'attributo defer che indica al browser di rinviare l'esecuzione dello script a quando la pagina non sia stata tutta caricata. Ci sono tre modalità di chiamata dello script: normal, deferred e asynchronous.

Una semplice sostituzione di defer con async, che invece fa caricare lo script in modo asincrono, sembra che risolva gran parte dei problemi legati alla visualizzazione con IE. Ho testato su un mio blog di prova e in effetti si apre regolarmente con IE8 e IE9 mentre prima il mouse non rispondeva a nessun comando. Scendendo nel dettaglio occorre andare su Modello > Backup/Ripristino e salvare il modello completo per un eventuale backup di sicurezza. Si torna su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si cerca la riga

Come eliminare l'effetto LightBox nativo di Blogger.

Il nuovo effetto di Blogger simile al classico Lightbox sta suscitando un acceso dibattito in rete segnatamente nei forum di Blogger in lingua inglese. Vi consiglio di leggere i commenti presenti in questo thread del forum britannico. I feedback inviati dai lettori devono avere smosso un pochino le certezze iniziali del Team di Blogger visto che Brett, dipendente di Google, ha postato sul forum questo contributo 

Thanks everyone for the feedback, I'll take this discussion back to the team and see what we can do to make the feature more flexible. If you haven't already, providing a detailed explanation of this lightbox is not ideal for your blog will help us understand all the use cases here. Our ears are open!

L'optimum sarebbe che venisse inserita nella Bacheca una opzione per decidere se inserire o meno questo effetto nativo. Io credo che sarebbero in molti quelli felici di implementarlo ma questo eviterebbe anche le proteste di tutti coloro che avevano già inserito effetti simili e che adesso sono costretti a eliminarli. La parola d'ordine di questi utenti si può riassumere come "Giù le mani dal mio blog" con l'ovvio significato che, pur essendo Blogger un servizio gratuito, chi usufruisce della piattaforma ha il diritto di metterci dentro solo le personalizzazioni e gli effetti che gli piacciono.

Come creare un menù verticale con tutti i titoli degli articoli.

Avevo già presentato questa interessantissima personalizzazione che non si sa se definire menù o widget. Serve per mostrare in un elenco verticale con barra di scorrimento tutti i post del blog o solo gli ultimi 1000 articoli se ne avete pubblicati un numero superiore. Tale widget si basava sui Pipes di Yahoo e quindi aveva smesso di funzionare come del resto molti altri gadget che utilizzavano lo stesso strumento in fase di aggiornamento da V1 a V2.

Dai dati di Yahoo mi risulta che più di 50 persone avevano clonato il Pipe e quindi erano in molti che lo stavano usando. Ho pensato quindi di realizzare un altro Pipe funzionante in modo tale che, coloro che lo avevano nel blog, possano reinstallare il widget. Chi si trovasse in questa situazione può consultare il vecchio post, clonare nuovamente il Pipe e modificare il codice come illustrato.

Alternativamente possono seguire questo tutorial insieme agli altri che si accingono a installarlo per la prima volta. Ho creato due Pipe distinti. Il primo mostra gli Ultimi 1000 post mentre il secondo si limita a mostrare solo gli Ultimi 800. Se vi sembrano troppi si può sempre creare un altro Pipe che mostri un numero inferiore di post. Magari lasciatemelo scritto nei commenti e, se la richiesta di un nuovo limite sarà supportata da più persone, vedrò cosa posso fare.  

Come installare tutti i plugin di Facebook senza appesantire la pagina.

Il sistema migliore per inserire nel nostro sito dei Social Plugin di Facebook è quello di usare il caricamento asincrono attraverso Javascript SDK. Il vantaggio risiede nel fatto che i plugin si caricheranno solamente dopo che si saranno visualizzati tutti gli altri elementi della pagina. Questo porterà dei benefici per il lettore e dei vantaggi anche nei confronti dei motori di ricerca visto che la velocità di caricamento è uno dei parametri che determinano il posizionamento di un post. Se avete già dei plugin installati nel vostro blog su Blogger è il caso di prendere in considerazione l'ipotesi di reinstallarli tutti con questa procedura.

Se non lo avete già fatto, occorre innanzitutto creare una applicazione di Facebook relativa al sito in oggetto. Affinché Facebook la accetti, occorre aver verificato il nostro account tramite codice inviato via SMS. Si va su Setup Facebook e si inseriscono l'URL e del nome del sito quindi si clicca su Create App

Tiny Dropdown per Menu su più livelli con inserimento di testo.

Riprendo la presentazione di menù da installare in blog su Blogger. Tiny Dropdown è stato realizzato da Scriptiny ed ha il pregio di essere personalizzabile come colori, numero di voci principali e secondarie, velocità, opacità e dissolvenza. Ma andiamo per gradi e andate a guardarvi la

• Demo del Menù Tiny Dropdown -

I colori di default sono sul grigio ma come detto si possono personalizzare e renderli compatibili con quelli del nostro sito

 

Mostrare da quanto tempo è online un blog su Blogger.

Conoscere esattamente l'età o quanti giorni di vita ha un blog e mostrarlo ai visitatori può essere una interessante curiosità. Si tratta di copiare questo codice misto HTML e Javascript

<span style="color:#003366; font-weight: normal;">Questo blog è nato da </span><span style="color:#940F04; font-weight: bold;"><script>    
    var mesearray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
    function contatore(yr,m,d){
    var today=new Date()
    var giorno=today.getYear()
    if (giorno < 1000)
    giorno+=1900
    var meseg=today.getMonth()
    var giornoday=today.getDate()
    var todaystring=mesearray[meseg]+" "+giornoday+", "+giorno
    var paststring=mesearray[m-1]+" "+d+", "+yr
    var durata=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
    durata+=" giorni."
    document.write("" +durata+"")
    }
    //nascita blog: giorno, mese, anno
   contatore(28,01,2008)
    </script></span>

che si può incollare in Design > Aggiungi un gadget > HTML/javascript > Sezioni del sito. Dopo aver salvato si può posizionare nella sidebar. Si possono personalizzare i colori della prima parte della scritta (normale) e quelli della seconda parte (in grassetto). L'unico dato fondamentale da inserire è la data di nascita del blog che deve essere sostituita nella riga contatore(28,01,2008). L'aspetto della scritta sarà

Menù a tendina con tutti i titoli dei post che sono stati pubblicati.

Avere la possibilità di accedere a tutti i post del blog dalla homepage o comunque da una pagina appositamente creata, è certamente l'obiettivo di molti blogger. La cosa è importante anche ai fini del posizionamento nei risultati di Google perché linkare un articolo gli dà certamente una spinta in questa ottica. Facendo delle opportune modifiche al widget dell'elenco dei titoli dei post sono riuscito nell'intento di mostrare appunto questi titoli non in un elenco ma in un menù a tendina con eventuale cursore per lo scorrimento.

• Demo menù a tendina dei titoli dei post -

Ho inserito due menù. Il primo in un elemento HTML con i post in ordine alfabetico e il secondo in una pagina statica con i titoli in ordine cronologico

Come dividere una sidebar di Blogger in più schede.

Questa personalizzazione utilizza l'effetto JQuery, l'ho testata con i vecchi template e anche con quelli nuovi del Designer Modelli. Il lavoro è stato realizzato da diversi autori ciascuno dei quali ha dato il proprio contributo. Li indicherò alla fine del post, da parte mia ho trovato il sistema per generalizzare la personalizzazione a tutti i modelli di Blogger. Essendo l'effetto basato su JQuery, può essere incompatibile con altri script tipo Prototype o Scriptaculous. Prima di procedere ecco come si presenterà la sidebar dopo questa personalizzazione

Come mostrare o nascondere il contenuto di un widget in Blogger.

Se avete  la sidebar piena di widget, sentirete certamente l'esigenza di ottimizzare lo spazio per non allungare troppo la colonna. Questo problema è comune a tutti coloro che hanno inserito il gadget del BlogRoll e che seguono parecchi siti. Esiste la possibilità di mostrare solo un numero determinato di post ma è innegabile che è uno di quei widget che allunga parecchio il layout del blog. Vediamo come sia possibile modificare il modello in modo che i lettori e lo stesso blogger possano scegliere se visualizzare o meno un determinato widget.

L'obiettivo è quello di inserire un link che mostri o nasconda  il widget esattamente come avviene per il gadget degli Ultimi Commenti presente in questo Blog di Prova. E' visibile una scritta che, se cliccata, nasconde o mostra il gadget

Come mostrare l'ora e la data corrente nel blog.

Ci sono un sacco di siti che offrono dei graziosissimi orologi digitali da inserire nel blog per mostrare l'ora corrente così come ci sono dei calendari altrettanto carini. Certo però che crearsi un calendario e un orologio da soli e personalizzarlo secondo i colori del nostro blog è tutta un'altra cosa. Utilizzando un meccanismo abbastanza simile a quello per mostrare il numero dei commenti e degli articoli pubblicati dal blog vado a presentare uno script che può essere inserito in un elemento pagina del blog o anche in un singolo articolo che mostrerà la data corrente e l'ora comprensiva di secondi di quando è stata caricata la pagina.

Il codice può essere inserito in Modalità HTML in un post o nelle pagine statiche. Se si vuole mettere in una sidebar occorre andare su Design > Aggiungi un gadget > HTML/Javascript e incollarlo in sezioni del sito. Ecco il codice

Come inserire il Player Audio di Yahoo per riprodurre brani musicali.

Se si ha un blog musicale o che comunque tratta temi dedicati alla musica, potrebbe essere interessante far ascoltare dei brani direttamente nel proprio sito. Ho già trattato come inserire una musica di sottofondo e una emissione di una radio, con questo post voglio presentare il Player Audio di Yahoo che aggiunge automaticamente una icona a ciascuna fonte audio presente nel blog.

Se si posta, in un articolo o in un widget della sidebar, un collegamento a un file MP3, si vedrà sulla sua sinistra una piccola icona Play che permetterà di riprodurre il brano. Per questa personalizzazione si usa uno script semplicissimo

<script src='http://mediaplayer.yahoo.com/js' type='text/javascript'/>

che dovrà essere incollato in Design > Modifica HTML immediatamente sopra alla riga </head>. Questo script funziona con tutti i browser e può essere inserito su blog pubblicati con qualsiasi piattaforma. Dopo aver salvato il modello, qualunque link audio sarà dotato in automatico di player. Si visualizzerà anche in basso a sinistra in forma più estesa per maggiori personalizzazioni.