- Scrolling senza limiti: si potranno leggere i commenti senza dover ricaricare o aprire una seconda pagina
- Layout innovativi: aspetti diversi adatti alle diverse tipologie di blog
- Velocità: sarà incrementata e si visualizzeranno le immagini come si presentano e non tutte insieme in anticipo
- Interattività: si potrà interagire con il blog molto più di adesso
- Home
- Archivio per marzo 2011
Pubblicato il 31/03/11 - aggiornato il | 15 commenti :
Cinque nuovi fantastici modelli interattivi sono in arrivo per Blogger.
Come personalizzare l'aspetto del nome del commentatore su Blogger.
Dopo aver illustrato come inserire il commento dell'autore del blog in un rettangolo vediamo come sia possibile personalizzare l'aspetto del nickname del commentatore sia esso l'autore o un semplice lettore. Ricordo che andando su Bacheca > Impostazioni > Commenti, si possono scegliere quattro opzioni per l'identità di coloro che possono lasciare il proprio contributo
- Chiunque
- Utenti registrati anche OpenID
- Utenti con un account Google
- Solo membri del blog
La prima opzione è la più permissiva ma consente anche i commenti anonimi che sono spesso fonte di spam. Fino a qualche mese fa anche in questo blog era stata selezionata l'opzione che chiunque potesse commentare. Poi sono cominciate a arrivare tonnellate di spam da robot situati in Asia e ho dovuto scegliere di ricevere commenti solo da utenti con una identità accettata da Blogger. Questa personalizzazione è dunque possibile solo per i nickname degli utenti registrati. Se si è scelta la prima opzione, i commenti anonimi resteranno invariati mentre muterà l'aspetto degli username degli utenti registrati.
Non cambierà il testo del commento. Ecco un esempio
Taaz per sperimentare make-up virtuali sulla nostra foto.
Questo blog è seguito da molte beauty e fashion blogger, almeno a giudicare dal numero di commenti che ricevo da utenti di Blogger che hanno siti che trattano di bellezza e di moda. Circa due anni fa feci una recensione abbastanza particolareggiata su Taaz, uno strumento ancora adesso in Beta, che serve per sperimentare make-up e trucchi su foto di celebrità o anche sulle nostre immagini. Forse è il caso di aggiungere qualche informazione supplementare su questo interessantissimo tool per chi si occupa di trucco.
Si va su Try a Makeover per iniziare a usare gli strumenti di Taaz. Nella finestra successiva si caricherà l'editor del trucco se mi si passa l'espressione. Si può scegliere una foto di una modella oppure procedere alla registrazione andando su Sign up. Se si è già iscritti si sceglie Sign in e si inseriscono le nostre credenziali. Per caricare una nostra foto dobbiamo andare su Upload your photo > Browser e selezionarla dall'hard-disk. In questo secondo caso occorre sincronizzare l'immagine
Google introduce il pulsante +1 per consigliare i risultati di ricerca.
Pubblicato il 30/03/11 - aggiornato il | 6 commenti :
Friv 2 per più di 250 giochi gratis in flash (browser games).
Questo articolo serve per aggiornare la precedente recensione di Friv, dopo che ci sono state alcune interessanti modifiche grafiche. La pagina iniziale è rimasta immutata visto che ormai è un classico e un vero e proprio brand del sito. Ci sono più di 250 giochi divisi in 12 righe e 22 colonne, ognuno dei quali ha la sua miniatura su cui cliccare per accedere. C'è sempre anche il solito cursore personalizzato a forma di piramide, devo dire un po' fastidioso per chi non ama troppo queste finezze grafiche
SwiffOut per visualizzare a tutto schermo i browser game in flash e salvarne il link sul PC.
La velocità delle connessioni a internet tende a aumentare anche se lentamente, specie in alcune zone d'Italia, mentre l'offerta di browser game gratuiti si fa sempre più interessante. Questo ha fatto preconizzare a qualcuno la scomparsa delle classiche consolle entro pochi decenni se non pochi anni. Si giocherà esclusivamente online anche con i multiplayer, hanno sentenziato questi soloni del futurismo. Non se se sarà proprio così, però ci sono già delle soluzioni interessanti da utilizzare per rendere i giochi online una esperienza davvero coinvolgente.
SwiffOut è una estensione per Internet Explorer, Firefox e Chrome che permette di giocare a tutto schermo i game aperti con il browser. Dopo l'installazione (Internet Explorer, Firefox, Chrome) comparirà nella barra del browser l'icona di SwiffOut
Come inserire Pixlr nel blog, usare Pixlr Express e Grabber per Chrome e Firefox.
Dopo aver magnificato le doti di Pixlr come migliore editor di immagini online, con questo post voglio affrontare alcuni servizi e personalizzazioni accessorie che credo possano interessare i lettori. Per esempio se i ritocchi che vogliamo fare alle immagini sono di entità limitata e riguardano solo la dimensione, la rotazione, il ritaglio o solo qualche effetto di base, conviene utilizzare il più semplice Pixlr Express che ha un numero di strumenti più limitato. Per ritagliare le immagini è certamente da preferire
Galleria storica navigabile dell'Italia su Google Maps con Street View.
Il blog ufficiale di Google dà notizia che a partire da oggi si potrà navigare con Google Maps nei luoghi storici più affascinanti d'Europa. Si è iniziato con quelli più celebri d'Italia oltre che con un paio della Francia. Il servizio è a cura di Street View e si può accedere tramite la Galleria Storica che per default si apre proprio con Historic Italy.
Pubblicato il 29/03/11 - aggiornato il | 6 commenti :
Youtube per creare video di animazione, cartoon, slideshow e videoclip musicali.
Ho già recensito tre applicazioni web di un certo successo che servono per creare video in modo semplice ma con risultati decisamente professionali. Le ricordo brevemente. Si tratta di
- Stupeflix: con cui si possono creare slideshow attraverso foto, musica, effetti di transizione. I video possono essere salvati in formato MP4 (iPhone) o FLV.
- Xtranormal: applicazione per creare video in 3D in modo intuitivo anche con l'utilizzo di un video tutorial
- GoAnimate: serve per creare cartoon personalizzati in modo del tutto naturale e senza nessuna conoscenza specifica.
Youtube ha da qualche giorno messo a disposizione degli utenti la pagina Youtube Create in cui si possono utilizzare queste celebri applicazioni per creare dei video che poi potremo pubblicare nel nostro canale su Youtube.
Come inserire dei fuochi di artificio nel blog in occasione di feste o di ricorrenze.
Vediamo come installare quello che viene chiamato Fireworks Effect e che si deve allo sviluppatore che ha creato anche il Groovy 1970s e il Tinkerbell Mouse Effect. L'effetto provoca un lancio di fuochi dalla parte bassa del layout che poi si "espandono" in modo tale da somigliare a fuochi di artificio. Come è mia abitudine ho testato il funzionamento in questo post
Si possono personalizzare il numero di tiri, i colori e la potenza dell'esplosione. L'installazione è semplicissima. Si va su Design > Modifica HTML e si salva il modello completo. Si cerca la riga </head> e, immediatamente sopra, si incolla il codice che ho postato in Google Documenti
Effetto Groovy 1970s per inserire barre colorate e animate sullo sfondo del blog.
Dallo stesso autore del Tinkerbell Mouse Effect di cui potete vedere una demo in questo post, e che crea una scia di stelline colorate al passaggio del mouse, vi presento il Groovy 1970s Effect. Si tratta di visualizzare nello sfondo del blog delle animazioni di barre colorate di cui si possono personalizzare i colori, la velocità e la dimensione.
Si può vederlo all'opera nello sfondo del blog che uso come motore di ricerca esterno: Demo Effetto Groovy 1970s. Le animazioni sono visualizzate solo nella parte di background non occupata dai contenuti del blog come l'area del post e le sidebar
Pubblicato il 28/03/11 - aggiornato il | Nessun commento :
Come estrarre del testo da un PDF o da una immagine con l'OCR di Google Documenti.
PDF Converter per convertire file PDF in DOC (Word) con una applicazione Facebook.
Ci sono un sacco di tool gratuiti che consentono di creare dei file PDF partendo da un documento di testo. Ricordo PDF Creator ma soprattutto OpenOffice che consente di salvare in questo formato tutti i file del tipo RFT che si riesce a aprire. Attraverso l'estensione Oracle PDF Import Extension si possono gestire i file PDF in modo quasi simile al costoso programma Acrobat Pro della Adobe. Inoltre sia OpenOffice.org che l'estensione PDF Import sono multipiattaforma e quindi in grado di funzionare anche con Mac e Linux.
Se siete poco pratici di programmi open source ma invece bazzicate quotidianamente su Facebook forse vi sarà più agevole utilizzare l'applicazione PDF Converter che permette di convertire online i documenti PDF in DOC. Si clicca su Vai all'applicazione o su Try it Now!. Nella finestra successiva si clicca su Click here to start converting PDF to Word
Come creare cerchi o rettangoli con gli angoli arrotondati mediante l'HTML.
L'uscita di Internet Explorer 9 ha reso finalmente un po' più semplice la creazione di codici che possano lavorare nello stesso modo con tutti i browser. Per creare dei bottoni per il blog, se volevamo renderli più professionali e con i bordi arrotondati usando solo l'HTML, dovevamo scordarci che fossero visti correttamente con Internet Explorer. Con l'ultima versione del browser Microsoft adesso le cose sono diventate più semplici e per esempio questo bottone
Come visualizzare nella homepage di Blogger il riassunto dell'articolo con miniatura dell'immagine.
Ci sono diversi metodi per realizzare questa personalizzazione che devo dire suscita particolare interesse tra gli utenti di Blogger considerato il numero dei commenti che ricevono i post che la trattano. Ne fanno fede questo post sugli articoli sintetici e quest'altro sul read more con miniature. In questo articolo presenterò un nuovo procedimento che ricalca in sostanza quelli precedenti ma che ha maggiori possibilità di personalizzazione. Si tratta di mostrare in automatico solo le prime righe del post insieme a una miniatura dell'immagine, ammesso che l'articolo ne contenga almeno una. Ricordo che, come al solito, vengono rilevate solo le foto postate con l'Editor di Blogger e non quelle inserite per esempio tramite Windows Live Writer.
Andate su Design > Modifica HTML e salvate il modello completo. Espandete i modelli widget e cercate la riga </head>. Immediatamente sopra incollate questo codice
<link href='https://sites.google.com/site/scriptperilblog/javascript-2/leggi-tutto.css' rel='stylesheet' type='text/css'/>
Pubblicato il 27/03/11 - aggiornato il | 31 commenti :
Menù a tendina con tutti i titoli dei post che sono stati pubblicati.
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 creare dei tooltip personalizzati a forma di fumetto.
Ricordo che il tooltip è un piccolo popup che si visualizza nel momento si passa con il mouse sopra a una parola specifica. C'è un sistema molto semplice per crearlo attraverso questo codice da inserire nell'articolo in modalità HTML
<abbr title="TESTO DEL TOOLTIP">TESTO VISUALIZZATO</abbr>
Questo è un modo utile per aggiungere una descrizione a una particolare espressione o frase: uso del tooltip per i blogger. Se si vuole una maggiore personalizzazione di questa funzionalità bisogna creare dei CSS da aggiungere al modello. Si va su Design > Modifica HTML e si salva il modello completo. Si cerca la riga ]]></b:skin> che denota la fine delle classi di stile del modello e subito sopra si può incollare uno dei seguenti tre codici.
Pubblicato il 26/03/11 - aggiornato il | 11 commenti :
Widget dei Visitatori Recenti per Blogger.
Gli utenti di Blogger per accedere alla loro Bacheca devono farlo con un account Google. Quando navighiamo in rete possiamo farlo da loggati con questo account oppure dopo esserne usciti. Si possono avere fino a 5 nickname su Google ed è possibile passare da uno all'altro in modo abbastanza semplice attraverso la funzione del multilogin. Il widget più popolare di quelli creati dalla casa di Mountain View è certamente Google Friend Connect che permette agli utenti di unirsi ai siti che li piacciono per ricevere gli ultimi post direttamente nella loro Bacheca o in Google Reader.
Pubblicato il 25/03/11 - aggiornato il | 34 commenti :
Widget dell'elenco dei titoli del blog in ordine cronologico o alfabetico.
Vengono presi in considerazione solo gli ultimi 2000 articoli quindi se avete un blog che ne ha pubblicati di più può capitare che il Pipe non funzioni. In questo caso si può sempre optare per la creazione di una sitemap del sito come illustrato nell'articolo:
Come creare una mappa del sito per giorni, mesi o etichette -
Bottone flottante per condividere i post in tutti i social network e aggregatori.
L'idea di questo articolo mi è stata data da un lettore che ha un blog di cui purtroppo non posso inserire il link, che sarebbe stato doveroso, perché tratta di temi che violano il copyright. Il concetto è quello di inserire nel sito un bottone flottante che si possa posizionare ovunque e con il quale condividere tutte le pagine che si vuole in una vera e propria miriade di social network. A questo proposito viene sfruttato il servizio AddThis che è leader nel settore della condivisione e di cui ho già parlato in questo post e e di cui ho già usato le API per la realizzazione di quest'altro widget.
Il codice da inserire è il seguente in Design > Aggiungi un gadget > HTML/Javascript (senza titolo)
<div style="position:fixed;top:150px;left:30px;" title="Condividi sui social network" alt="bottone share condividi"><a href="http://www.addthis.com/bookmark.php" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNEd66udZdV5FDR0-clc59FPjcIJVnLiHhmBdBGHH_Ve08jLC3pP8GWmDXau1WsigMd8wmQ9kR5ub9TXyCVYKY8VWabKHDOL60tPw6SZi8WHuAcfG3xqcYYZXzOCeLxct2DuhdnJc6Pkc/" /></a></div>
In cui possono essere modificate le distanze dalla parte alta e dalla parte sinistra del layout, l'immagine dell'icona e la scritta che si visualizza quando si punta con il mouse. In questo caso i pixel di distanza si riferiscono alla parte alta (top) e alla sinistra (left) ma si può optare anche per quella bassa (bottom) e quella destra (right). Vi posto quattro opzioni di possibili immagini da poter utilizzare per questo pulsante
Pubblicato il 24/03/11 - aggiornato il | 4 commenti :
I migliori editor di immagini online per il fotoritocco.
Pixlr - A mio parere è il migliore perché ha una quantità incredibile di funzioni tanto da essere considerato una specie di Photoshop online. Vai alla homepage di Pixlr -
Views.fm per creare gallerie fotografiche con DropBox.
Se ancora non siete registrati a DropBox non sapete cosa vi siete persi, potete comunque sempre rimediare compilando questo modulo di invito. Le possibilità che offre ai blogger riguardo a hosting di file di qualsiasi formato, alla acquisizione dell'hotlink relativo e alla sincronizzazione del nostro account con diversi computer e anche con dispositivi mobili tipo iPhone o Android (vai all'App) sono talmente tante che sono nati siti specializzati in usi eterodossi di DropBox. Anche limitandoci a quelli ufficiali di carne sul fuoco ce n'è veramente tanta. Se si considera poi che è multipiattaforma (compatibile con Windows, Mac e Linux) è difficile trovargli un solo difetto.
Sulla scia di DropBox sono nate applicazioni e servizi di contorno davvero interessanti. Un paio di giorni fa ho parlato di DropPages per mettere online un sito attraverso DropBox, oggi è la volta della creazione di gallerie fotografiche che possono essere condivise solo con alcuni utenti o pubblicate online. Si tratta di un modo semplicissimo di mostrare tutta una serie di foto senza appesantire il sito.
I migliori menù per Blogger.
Con l'avvento del Designer Modelli è diventato sempre più difficile creare dei menù che siano compatibili con i nuovi template ma qualcuno si riesce comunque sempre a realizzare.
Con questo post passo in rassegna la gran parte di quelli che ho già presentato e di cui ho condiviso il codice. Inizierò dai più vecchi fino ai più recenti.
Vedere lo stile approssimativo e la incapacità tecnica che avevo agli inizi dell'avventura del blogging, evidentissimi in quelli proposti tre anni fa, mi fa anche una certa tenerezza.
Il primo che realizzai è veramente da assoluto principiante. Se siete alla ricerca di un menù, date un'occhiata a questa pagina che forse troverete quello che vi serve.
Pubblicato il 23/03/11 - aggiornato il | 58 commenti :
Inserire in Blogger una barra verticale per condividere su Google+, Facebook, Twitter, Digg, StumbleUpon
Pubblicato il 22/03/11 - aggiornato il | 35 commenti :
Come inserire e personalizzare il Plugin Mi Piace (Like Button) di Facebook.
Widget degli articoli con più commenti per Blogger con diversi stili di elenchi.
Con questo nuovo gadget si cambia approccio e i post rilevati saranno gli ultimi 1000 che sono stati pubblicati.
Lo perdita sarà quella di non considerare i vecchi post, se ne abbiamo pubblicati più di mille, ma ci sarà l'innegabile vantaggio di poter visualizzare il numero di commenti che hanno effettivamente ricevuto.
GIF Resizer per modificare le dimensioni delle immagini animate in formato GIF.
Pubblicato il 21/03/11 - aggiornato il | 31 commenti :
Come sostituire in Blogger il titolo del widget con una immagine.
DropPages per creare un sito gratis, caricarlo su DropBox e editarlo dal computer.
Ho spesso parlato del fantastico servizio di DropBox che è indispensabile per tutti coloro che vivono internet in modo attivo e sono online per molte ore al giorno da computer e località diverse. Se ancora non sei iscritto a DropBox puoi farlo attraverso questo modulo di invito. DropPages è uno dei tanti tool che sono nati a rimorchio di DropBox e che offre la possibilità di creare un vero sito online con la funzionalità di poterlo modificare attraverso le cartelle caricate su DropBox.
Il servizio è ancora in Beta ed è accessibile a tutti coloro che abbiano una seppur modesta conoscenza del funzionamento di un sito. Dopo aver scaricato uno dei temi a disposizione, si scompatta lo zip con Zip Genius, con 7-Zip o più semplicemente con Estrai tutto… che si trova nel menù contestuale di Windows (destro del mouse).
Come aumentare il volume dell'audio del microfono in un OS Windows.
Questo è un piccolo post di servizio che mi è stato richiesto da una persona che non riusciva a utilizzare Skype, le varie chat vocali e a produrre video con un audio sufficientemente alto. Non so perché ma le impostazioni di default di Windows non prevedono la preamplificazione del microfono e anche il livello di normale amplificazione è spesso molto basso. Il risultato è che se si va per esempio su Start > Registratore di suoni, senza interventi, la riproduzione del file registrato è appena percettibile.
Vediamo come fare per modificare i settaggi del microfono. Faccio l'esempio di Windows 7 ma il procedimento è lo stesso anche per Windows Vista e, mi pare di ricordare, non vari di molto anche per Windows XP. Si va su Pannello di controllo > Hardware e suoni > Gestisci dispositivi audio. Si seleziona il microfono da configurare e si clicca su Proprietà
Come creare un motore personalizzato per il blog che mostri i risultati in una pagina statica.
La ragione può risiedere per esempio nel non avere un account Adsense o nel volere che i visitatori che effettuano delle ricerche rimangano nel nostro sito visualizzando i risultati sempre al suo interno. Ho suddiviso la procedura in quattro passaggi per renderla meno pesante.
Pubblicato il 20/03/11 - aggiornato il | 35 commenti :
RSS Graffiti per importare gli articoli del blog nella pagina fan di Facebook.
Pubblicato il 19/03/11 - aggiornato il | 6 commenti :
Widget delle miniature delle ultime foto pubblicate su Flick inserite in un riquadro.
Ho quindi dovuto ricreare il gadget, basandomi ovviamente sul lavoro di chi mi aveva preceduto e che ringrazio. Per l'installazione si deve semplicemente cliccare su questa icona
Si aprirà una finestra in cui si potrà scegliere il blog su Blogger in cui inserirlo quindi se ne aprirà un'altra in cui si vedranno le opzioni di configurazione
Badge di Flickr con un mosaico di foto in HTML o in Flash.
Pubblicato il 18/03/11 - aggiornato il | 11 commenti :
Menù orizzontale o verticale con immagini e effetto slide (Accordion JQuery).
Vado a presentare un nuovo menù un po' diverso dal solito che ha nella grafica la sua maggiore attrattiva. Per avere quindi un buon effetto occorre che le immagini inserite nel menù siano particolarmente curate. Occorre anche avere un modello che non inserisca in modo automatico dei bordi intorno alle stesse immagini, altrimenti l'estetica ne potrebbe risentire. Ho messo in rete un esempio di come potrebbe essere l'aspetto di questo menù. Ho utilizzato immagini in formato PNG con sfondo trasparente ma forse sono da preferire le immagini in JPG senza trasparenze.
Pubblicato il 17/03/11 - aggiornato il | 54 commenti :
Segui tramite Email nuovo widget di Blogger per iscriversi alla newsletter del sito.
Pubblicato il 16/03/11 - aggiornato il | Nessun commento :
Widget degli Articoli Più Commentati per Blogger.
Blogger ha recentemente reso possibile in modo nativo l'installazione del widget dei Post più Popolari, intendendo in questo senso quelli che ricevono il numero maggiore di visite. La popolarità di un articolo però si misura anche con l'interesse suscitato da un determinato argomento e questo può essere calcolato sulla base dal numero di commenti che un post ha ricevuto. Vado quindi a presentarvi un widget che mostrerà ai visitatori un elenco degli articoli con il maggior numero di commenti. Saranno presi in considerazione solo gli ultimi 5000 commenti del blog e si utilizzerà Yahoo Pipes come nel caso del gadget dei Top Commentatori. Occorre andare su Design > Aggiungi un gadget > HTML/Javascript e incollare il seguente codice
Widget degli Ultimi post per una singola etichetta
Se si desidera visualizzare in un elemento pagina gli ultimi articoli pubblicati dal blog che abbiano una particolare etichetta ci sono già a disposizione diversi widget che ne mostrano anche le miniature. Questo gadget è una proposta più minimalista adatta ai modelli che non hanno uno stile ben definito per quello che riguarda gli elenchi. Se questo stile esiste, saranno visualizzati gli ultimi post relativi alla categoria nel modo previsto dal template. Se non esiste sarà invece visualizzata a sinistra di ciascun titolo una icona rossa o blu determinata da questo background. Nel gadget che ho pubblicato in rete questa immagine non si vede perché lo stile è già presente
Pubblicato il 15/03/11 - aggiornato il | 14 commenti :
Slideshow di immagini in orizzontale con strumenti di navigazione.
Era diverso tempo che volevo presentare questo widget realizzato da Anshul, mi sono finalmente deciso dopo che ho visto il grande interesse che suscitano gli slideshow orizzontali con collegamento a pagine web. Ho apportato delle piccole modifiche e ho caricato gli script su un mio spazio per questioni di affidabilità.
Il widget per Blogger si chiama Image Slider Carousel e per la sua installazione si procede in questo modo. Si va su Design > Modifica HTML e si salva il modello completo. Si espandono i modelli widget e si cerca la riga </head>, immediatamente sopra si incolla il seguente codice
Reshade per ingrandire le immagini senza perdere in qualità.
Avrete certamente visto dei film in televisione in cui l'investigatore di turno ingrandisce una immagine fino a leggere il numero della targa di un auto o la scritta incisa in un tatuaggio. Nella realtà queste cose sono molto difficili da effettuare. Ci sono almeno due modi per descrivere una immagine, quella definita raster e quella vettoriale. Nel primo caso la foto non è altro che un insieme di pixel colorati mentre nella grafica vettoriale l'immagine è definita secondo delle figure primitive geometriche (curve, linee, poligoni, ecc) a cui possono essere attribuiti colori e anche sfumature.
Quando si ha una immagine sul computer questa è in linea di massima già stata rasterizzata. Se si prova ad aumentarne le dimensioni, si avrà una diminuzione di qualità in quanto i pixel saranno ingranditi in proporzione e la foto perderà in definizione. Nei programmi di grafica più avanzati possono essere usati dei tool di interpolazione per migliorare questo tipo di operazioni.
Nuovo Editor e nuova Bacheca per Blogger nel 2011.
Con un articolo su Blogger Buzz, Google fa sapere che ci saranno molte novità anche nel 2011 per quanto riguarda la piattaforma Blogger. Dopo aver ricordato che, secondo l'Alexa Rank, Blogger è il sesto dominio più visitato del mondo, nel post vengono riportati dati impressionanti: gli utenti di Blogger hanno pubblicato più di mezzo miliardo di post nel 2010 che sono stati letti da più di 400 milioni di visitatori unici in tutto il mondo. Se il 2010 è stato caratterizzato dall'introduzione del Designer Modelli, delle Statistiche, del Filtro antispam sui commenti, della versione mobile del blog, dalla disponibilità di nuovi caratteri e da altro ancora, nel 2011 non si fermerà l'opera di rinnovamento. Secondo test indipendenti Blogger è stato inoltre valutato come il servizio di blogging più affidabile.
Pubblicato il 14/03/11 - aggiornato il | 3 commenti :
Motore di ricerca esterno per Blogger.
Galleria di foto da inserire in una pagina statica o in un post.
Dai commenti che ricevo quotidianamente mi accorgo che le gallerie di foto insieme agli effetti e ai widget sono gli argomenti che interessano maggiormente i lettori di questo blog. In questo articolo presento una galleria di immagini che credo sia interessante anche se ha il difetto che non si può personalizzare più di tanto perché le dimensioni sono collegate le une all'altre. Questo non significa che non si possa modificare ma bisogna avere una certa conoscenza dei CSS per poter adattare lo stile della galleria alle nostre esigenze.
La particolarità è che si possono inserire blocchi di quattro foto che, quando vengono puntate con il mouse, si espandono e si visualizzano sulla destra
I migliori widget di Blogger - Parte seconda -
Questi sono stati tutti testati anche con i nuovi template del Designer Modelli e quindi non dovrebbero avere problemi di compatibilità. In futuro farò una raccolta simile anche per quello che riguarda i tanti menù orizzontali, verticali, espandibili a scomparsa, ecc
Alcuni menù non funzionano con i template del Designer Modelli. In quel caso si può tentare di applicare questa procedura
Pubblicato il 13/03/11 - aggiornato il | 6 commenti :
Come aggiungere una parola al numero delle etichette.
Mettiamo che si abbia un blog di cucina. Ciascuna etichetta fa riferimento a un insieme di post che non sono altro che delle ricette. Se si ha un sito che pubblica esclusivamente recensioni di tecnologia ecco che ogni post può essere associato al concetto di review. Non vado oltre perché si potrebbero fare innumerevoli esempi quali i blog di poesie o di racconti.
Si può facilmente aggiungere una parola esplicativa alla cifra che indica il numero di post relativa a quella data etichetta. Il concetto è quello di passare dalla prima situazione alla seconda di questo screenshot
Su Facebook si possono taggare Profili e Pagine Fan anche nei commenti, aumenterà lo spam?
Da ieri è possibile citare il nome di un utente di Facebook o quello di una pagina fan anche nei commenti. Il metodo da usare è stato mutuato da Twitter. E' sufficiente inserire nel commento la stringa @nome utente oppure @nomepagina per linkare Profilo o pagina ufficiale. Questa funzionalità è associata a quella ormai universale del completamento automatico. Dopo aver inserito il simbolo "@" basterà iniziare a digitare in nome che verranno proposti gli amici o le pagine fan che contengono le lettere digitate.
Pubblicato il 12/03/11 - aggiornato il | 10 commenti :
Widget degli Ultimi Post di Blogger in un box scorrevole.
Color Picker per conoscere i codici RGB e HEX dei colori di foto, immagini, icone o banner .
Come inserire del testo in una pagina web con un colore o una immagine di sfondo.
Se si vuole mettere in risalto una parte del nostro articolo ci sono a disposizione i fogli di stile per la creazione di classi personalizzate. In questo blog ne ho create per le citazioni (o blockquote) e per l'inserimento del codice ma lo stesso metodo può essere esteso a una qualsiasi altra cosa. Senza andare a modificare il modello si può inserire direttamente in un articolo una porzione di testo che abbia uno sfondo colorato o anche che abbia una immagine di background. In un precedente post avevo già parlato di come realizzare queste personalizzazioni inserendo il testo un rettangolo utilizzando il tag <div>. Vediamo come possa essere fatto ancora più semplicemente attraverso il tag <font>. Per mettere un colore di sfondo si può usare il codice
<font style="background-color:#FDBCB7; color: #003366; font-weight: bold; font-size: 12;">
Testo da inserire
</font>
In cui possono essere personalizzati i colori dello sfondo (#FDBCB7) e quelli della scritta (#003366) oltre a scegliere la dimensione dei caratteri e immettere il testo da colorare. La cosa interessante di questo metodo è che la colorazione può essere inserita anche in una sola parte di un paragrafo.
Pubblicato il 11/03/11 - aggiornato il | 8 commenti :
E' disponibile il download di Firefox 4 RC con la Sincronizzazione dei Segnalibri.
Dopo le varie Beta ecco finalmente la versione Release Candidate di Firefox 4. Ci sono diverse novità grafiche ma anche di sostanza che lo avvicinano in un certo senso a Chrome di cui si è avuto pochi giorni fa l'aggiornamento automatico alla versione 10.
Se nel computer è già presente una versione di Firefox, saranno importati tutti i Segnalibri e tutte le altre opzioni che sono state configurate. Una delle novità più interessanti è quella Sincronizzazione che, come avviene già per Chrome, permetterà di avere le stesse impostazioni da qualunque computer ci si colleghi. I Segnalibri, le Preferenze, la Cronologia e tutto il resto saranno associati a un account, sarà quindi sufficiente loggarci con le credenziali che abbiamo scelto per avere lo stesso browser su altri computer o su dispositivi mobili che supportano le App di Firefox. Per la sincronizzazione si va su Strumenti > Configurazione di Sync… che successivamente muterà in Sincronizza adesso. Dopo aver inserito indirizzo email e password si apre una nuova finestra in cui sarà mostrata la Chiave Sync che dovrà essere salvata in un file di testo perché sarà impossibile recuperarla. Serve per una maggiore sicurezza in quanto i dati verranno cifrati in ossequio alla privacy e la chiave per decifrarli non sarà caricata sul server di Mozilla. Terminata l'operazione sarà possibile impostare le opzioni di configurazione
Come aggiungere un link di replica nei commenti su Blogger.
Forse è il caso di spiegare nel dettaglio il funzionamento di questa personalizzazione molto carina inventata da Blog Zone. Se scorrete i commenti sul post vedrete, accanto a tutti quelli che hanno commentato, la scritta [Reply to comment]
Se un utente, che ha già effettuato l'accesso a Blogger, clicca su quel link, si apre una finestra popup con un collegamento già impostato nel modulo del commento
Pubblicato il 10/03/11 - aggiornato il | Nessun commento :
Come creare i file ZIP, perché crearli, come aprirli e come proteggerli con una password.
Il formato ZIP è diffusissimo e serve per comprimere file e cartelle per renderli meno pesanti e più facili da inviare e condividere. Aprire i file in formato ZIP è cosa molto semplice se si ha un computer con un OS Windows o un OS X della Apple. Dopo che si è scaricato, ci si clicca sopra con il destro del mouse e si sceglie Estrai tutto… (se si ha Windows). Nella finestra successiva non resta che scegliere la cartella di destinazione del file estratto. Potrà essere di qualsiasi tipo come una immagine, un documento, un video e potrà anche essere una cartella di file.
Anche la creazione di file ZIP non desta particolari problemi se si utilizza il software gratuito 7-Zip. Il programma è stato recensito in questo articolo e può essere scaricato dalla Homepage di 7-Zip. Dopo l'installazione si verrà a creare una nuova voce nel menù contestuale (destro del mouse) che permetterà di effettuare tutte le operazioni con i formati compressi più comuni quali ARJ, CAB, CHM, CPIO, CramFS, DEB, DMG, FAT, HFS, ISO, LZH, LZMA, MBR, MSI, NSIS, NTFS, RAR, RPM, SquashFS, UDF, VHD, WIM, XAR e Z.
Come inserire una casella di ricerca personalizzata in un blog su Blogger.
Pubblicato il 09/03/11 - aggiornato il | 24 commenti :
Come creare un menù a tendina con una lista di link.
<label>ETICHETTE</label>
<select name="collegamenti1">
<option value="http://www.ideepercomputeredinternet.com/search/label/antivirus">Antivirus</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/editor">Editor</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/icone">GMail</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/wikipedia">Wikipedia</option>
</select><input onclick="location.href=form1.collegamenti1.value;" type="button" value="VAI" name="button">
</form>
Riassunto automatico senza Javascript per post di blog su Blogger.
Cloud Save per salvare pagine, immagini, file e link del browser nel web.
La tendenza in atto in questi ultimi due anni è che tutto verrà progressivamente salvato in rete. I computer non dovranno più avere dei dischi rigidi molto capienti. Anche i sistemi operativi risiederanno in quella che viene definita la cloud (nuvola). Ne è un esempio Chrome OS che è già utilizzato a livello di test da un ristretto numero di utenti USA prescelti da Google ma che sarà messo in commercio tra pochi mesi. Il salvataggio nel computer di un file, un documento, una immagine o un video che ci interessa sarà progressivamente abbandonato e sostituito dall'atto di inserire questi oggetti in un nostro account in rete a cui accedere da diversi computer.
Il successo che sta riscuotendo DropBox dimostra chiaramente quello che sarà l'internet prossima ventura. In questa strategia globale si inserisce anche la guerra dei browser con Chrome che ha sempre più la vocazione della condivisione online di qualsiasi cosa. Anche le estensioni vengono sempre più progettate con questa "missione". Ne è la riprova Cloud Save, componente aggiuntivo di Chrome, che serve per caricare nel web quasi tutto quello che è caricabile. Dopo l'installazione, se clicchiamo con il destro del mouse su una immagine, un link di un file PDF o di una presentazione PPT si visualizzerà l'opzione di caricamento online mediante Cloud Save
Estensioni di Chrome per editare foto con Pixlr e altri strumenti online.
Ho già espresso diverse volte la mia predilezione per Pixlr riguardo agli editor di immagini online anche se ce ne sono altri apprezzabilissimi. Se usate Google Chrome e siete come me appassionati di Pixlr vi consiglio una serie di estensioni per rendere ancora più rapida la modifica delle immagini. Ce ne sono diverse che più o meno si equivalgono. Le indicherò e poi illustrerò le proprietà delle due che uso maggiormente.
Pixlr Grabber: Per effettuare degli screenshot della parte visibile dello schermo per poi modificarli con Pixlr
Edit in Pixlr: Apre le immagini in Pixlr per editarle direttamente
Pixlr Editor: Altro strumento semplice per aprire le immagini in Pixlr
Instant Image Editor: con il destro del mouse consente di editare l'immagine in Pixlr
Open IT Online Lite: per aprire le immagini attraverso degli editor online da selezionare al momento.