Come visualizzare i nomi dei widget in Design > Elementi pagina ma nasconderli nel blog.

Quando si installa un widget su Blogger si va su Design > Aggiungi un gadget e si sceglie quale tipo di widget inserire. Abbiamo la possibilità di digitare o meno anche il suo titolo. Qualche tempo fa questa opzione fu tolta ma subito riamessa dopo le numerosissime proteste. Erano comunque già state trovate le giuste contromisure. Quando non si inserisce il titolo in un widget del tipo HTML/Javascript, in Design > Elementi pagina si visualizza appunto la stessa scritta per tutti i gadget. Questo può provocare dei problemi di individuazione specialmente se abbiamo dei blog con molti gadget

 

Come monitorare Google +1 con gli Strumenti per Webmaster e Google Analytics.

L'introduzione del Google Plusone ha certamente portato a delle modifiche nell'algoritmo di Google che premieranno le pagine che hanno ottenuto più click sul pulsante. Da un post sul Google Webmaster Central Blog veniamo a sapere che siamo già in grado di monitorare i +1 ricevuti e gli effetti che hanno portato al nostro sito. Secondo quanto riportato nell'articolo, non occorre fare nulla sia per quanto riguarda gli Strumenti per Webmaster che per Google Analytics. Se si è inserito il bottone Google Plusone e l'ultima versione asincrona del codice di Google Analytics i dati verranno presentati automaticamente nei nostri account. Nel caso di Google Analytics, fermo restando l'automaticità della raccolta dei dati sul PlusOne, se si vogliono monitorare anche i dati degli arrivi da altri social come Twitter e Facebook occorre seguire queste istruzioni. Sarà mia cura spiegarle in dettaglio in un prossimo post.

Widget personalizzabile di Twitter con pulsante Follow.

Ho già avuto modo di presentare il pulsante Segui su Twitter che fa il paio con il Mi Piace di Facebook e da un po' anche con il Plusone di Google+. Non sono molti i blog che lo hanno installato però vedo che in diversi siti è presente il flusso dei tweet del proprio account. Vediamo come sia possibile creare un widget che racchiuda sia il pulsante di iscrizione che gli ultimi aggiornamenti della nostra pagina su Twitter. Ho fatto un test e creato un

• Post di Demo del widget del flusso dei tweet con pulsante Segui su Twitter -

Il gadget può essere personalizzato nei colori e nelle dimensioni e ha un aspetto simile a questo

 

Google + e Google +1 cambieranno il concetto stesso di social network?

In questo periodo ho poco tempo per scrivere i post e quel poco che ho preferisco godermelo all'aria aperta complice la bella stagione. Questo è un peccato perché l'argomento che voglio affrontare avrebbe bisogno di ricerche approfondite, analisi e documentazioni. Google ieri ha dato due importanti notizie. Intanto il pulsate Google Plusone è diventato internazionale. La comunicazione è stata data sia dal Blog ufficiale di Adsense che dal Blog ufficiale di AdWords. Questo dà l'idea di quanto la cosa sia legata a doppio filo al mercato pubblicitario e forse ne è stata proprio la ragione prima della sua introduzione.

Ricordo che il pulsante Google +1 comparirà d'ora in avanti accanto a tutti i risultati di Google. Ci si potrà cliccare sopra e gli amici o i contatti che visualizzeranno la stessa pagina nei risultati delle ricerche, vedranno l'icona con il plusone comminato da voi

 

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 -

Effetto dissolvenza e opacità per immagini al passaggio del mouse.

Ho già dedicato un post alla opacità nelle immagini e di come variarla al passaggio del mouse. Con questo articolo voglio fare un ulteriore passo avanti e creare una transizione continua tra immagine chiara e opaca. Si usa lo script JQuery che è direttamente fornito da Google Code mediante le API. L'idea è quella di offrire le seguenti possibilità di intervento a chi abbia un blog su Blogger

1. Far diventare tutte le immagini opache in una misura determinata che si schiariscono al passaggio del mouse
2. Avere tutte le immagini senza opacità che però lo diventano quando ci passa sopra il mouse
3. Far diventare opache al passaggio del mouse solo delle immagini prestabilite
4. Far ritornare normali al passaggio del mouse delle immagini che originariamente siano opache.

E' chiaro che ci vogliono quattro codici diversi per le varie personalizzazioni. In tutti e quattro i casi occorre andare su Design > Modifica HTML e salvare il modello completo per un eventuale backup di ripristino. Cercare la riga </head> e, immediatamente sopra, incollare i seguenti codici.

Twitter Fan Box per un widget che mostra i follower su Twitter.

Sulla falsariga del Like Box di Facebook c'è chi ha pensato di realizzare un gadget simile per Twitter. Il Twitter Fan Box non è un gadget ufficiale ma si serve delle API di Twitter ed è stato creato da Mark Carey che ha condiviso la sua realizzazione su Moopz. L'installazione è semplicissima. Se si ha un blog su Blogger si va su Design > Aggiungi un gadget > HTML/javascript e si incolla il codice mentre se si ha un sito su Wordpress si va su Aspetto > Widget e si trascina il gadget Testo sulla sidebar prescelta. Anche in questo caso si procede quindi a incollare lo stesso codice

<div id="twitter-box"></div>
<script>
var tw_user = 'parsifal32';
var tw_width = 240;
var tw_height = 325;
var no_face = 12;
(function() {
var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
tw_box.src = '//www.musicpaax.com/twitter/tw.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>

Menu orizzontale semplice ma completamente personalizzabile.

Quando si inizia quella che è l'avventura di aprire un blog, spesso non ci sono chiari, non solo gli obiettivi, ma neppure i primi passi necessari per dargli un aspetto non solo attraente ma che abbia anche un certo livello di usabilità per i lettori. Per usabilità si intende tutti quei meccanismi che aiutano il navigatore a cercare più facilmente le informazioni di cui ha bisogno. Si tratta quindi di installare il widget degli ultimi articoli e quello degli ultimi commenti nonché di mostrare il gadget delle etichette e quello dell'archivio. Un aspetto importante in questo contesto ce l'hanno anche i menù che servono per linkare le pagine più importanti del blog. 

Attraverso le pagine statiche è possibile creare automaticamente un menù che può essere inserito orizzontalmente sotto l'intestazione oppure verticalmente in una sidebar. E' anche possibile aggiungere alle pagine statiche anche tutta un'altra serie di link per arricchirlo di nuovi collegamenti. Con questo post voglio presentare uno dei menù più semplici che possano essere installati. E' concepito solo con HTML e CSS senza Javascript ed è quindi funzionante con tutti i browser e con tutti i modelli. Credo che possa essere utilizzato da chi abbia un blog con un numero di post relativamente basso e senza esigenze particolari. Mi sento di consigliarlo a che sta iniziando da poco e si sta cimentando per la prima volta nella installazione di un menù.

Come inserire una immagine fissa con link e icona di chiusura.

L'obiettivo di questo post è quello di illustrare come mostrare in una posizione predeterminata del blog una immagine che abbia un collegamento a un sito o a un feed e che possa essere nascosta dal navigatore. Questa personalizzazione può avere gli utilizzi più svariati. Può essere un invito a sottoscrivere i feed del sito oppure a iscriversi alla pagina fan su Facebook. E' possibile anche pubblicizzare un altro sito o anche sensibilizzare i lettori su una campagna di opinione. Mi viene anche in mente anche un suo possibile utilizzo per promuovere un evento o per ricordare un appuntamento in rete. Ho pubblicato, come mio solito, una dimostrazione dell'effetto in un mio blog.

• Demo della immagine flottante con icona di chiusura -

Se ci cliccate sopra, accederete a questa stessa pagina, mentre se andrete sulla icona rossa, la nasconderete alla vista

Come aggiungere il tag Title nel modello di Blogger.

I tag Title e Alt sono in genere usati quando si postano delle immagini. La struttura del codice è questa

<img src="URL_IMMAGINE" title="Titolo immagine" alt="Testo alternativo">

dove il testo in Title viene visualizzato quando si passa sopra all'immagine con il mouse mentre quello in ALT appare nei browser che non riescono a caricare la foto ed è molto importante ai fini SEO. Il tag Title può essere usato anche in un qualsiasi collegamento per mostrare un tooltip con la descrizione della pagina. Per esempio questo codice

<a href="http://www.ideepercomputeredinternet.com/" title="Tutorial per utenti di Blogger">IDEE PER COMPUTER ED INTERNET</a>

produce questo link

Linee guida su come usare questo blog.

Poco meno di tre anni e mezzo fa ho iniziato a pubblicare articoli su questo blog. Non è stato il primo che ho creato, mi ero già cimentato con un blog di ricette di cucina e in un altro con contenuti scientifici. All'inizio gli avevo dato un nome che trasmetteva più emozioni che informazioni (Computer che Passione) e gli argomenti trattati erano quelli semplici semplici che deve affrontare un neofita quando si avvicina al mondo del computer e di internet. Abbastanza presto ho cominciato a sentire l'esigenza di personalizzare e di rendere il blog più usabile e originale inserendo widget e modificandone l'aspetto.

Mi sono subito accorto che c'erano pochi siti che avevano tutorial su come modificare layout e funzionalità di Blogger. Tra questi solo uno (Creare Blog) o forse due (IoleCal) spiegavano in modo analitico tutti i passaggi delle varie personalizzazioni. Il primo adesso ha interrotto le pubblicazioni da mesi mentre il secondo è stato inattivo per molto tempo e ha ripreso da poco ma con una frequenza molto bassa. Anche a livello internazionale, specie nei blog di lingua inglese, il tema degli hack per utenti di Blogger era trattato in modo molto criptico e sbrigativo. La mia impressione è che ci fossero solo tre o quattro siti che si occupassero realmente del problema e gli altri non facessero altro che copiare e ripubblicare i loro contenuti. E' stato allora che ho pensato, più che altro per mie esigenze personali, di dedicarmi a questo settore di nicchia. Diciamo che i primi post servivano soprattutto a me per non dimenticarmi quello che avevo imparato. Un  po' come quando si studia un libro per un esame e si riscrivono in un blocco note i passaggi più importanti per fissarseli meglio in mente.

Come usare DropBox e Calibre per leggere gli ebook da tutti i computer e gli smartphone.

Ho già avuto modo di magnificare le funzionalità di DropBox per caricare sul web o, come si dice adesso, per mandare in the cloud, qualsiasi tipo di file per poi poterlo aprire da qualsiasi altra postazione attraverso il nostro account personale. Quello che occorre è che vi sia stato installato DropBox. Considerato che si tratta di un programma multipiattaforma (Windows, Mac e Linux) e che ci sono anche le applicazioni per iPhone, iPad e Android, si può accedere ai file che abbiamo caricato sulla nuvola, non solo attraverso le nostre normali postazioni di computer, ma anche tramite smartphone o altri dispositivi mobili.

Vediamo come utilizzare DropBox per leggere tutti i nostri ebook senza averli dovuti per forza memorizzare nel computer o nel dispositivo mobile. Dobbiamo sfruttare DropBox unitamente alle funzionalità di quel fantastico e gratuito software-manager per ebook che è Calibre. Anche quest'ultimo è multipiattaforma e permette la completa gestione degli ebook oltre alla conversione dei loro formati, spesso proprietari, in altri più adatti al lettore che stiamo usando. I formati supportati sono EPUB, FB2, LIT, LRF, MOBI, PDB, PDF, PMLX, RB, RTF, TCR, TXT. Se ancora non avete questi due fantastici programmi provvedete subito

Post Planner per programmare le pubblicazioni su Profilo, Pagine e Gruppi di Facebook.

Se siete amministratori di diverse pagine fan e non avete la possibilità di essere costantemente online vi potete rivolgere alla applicazione di Facebook Post Planner che svolge egregiamente il compito di pubblicare contenuti in modo programmato. Dopo aver dato il consenso all'applicazione di accedere ai nostri dati, pubblicare nella Bacheca e acquisire tutte le informazioni per le quali abbiamo impostato la privacy su Tutti, si accede a questa interfaccia

Youtube introduce le pagine dedicate ai blog che incorporano i suoi video.

Lo scorso 10 Giugno è stato pubblicato un post sul Blog Ufficiale di Youtube di cui confesso non avevo ben compreso la effettiva portata. Veniva annunciato il servizio "As seen on" per mostrare in una stessa pagina i video incorporati in un singolo sito. Erroneamente pensavo che occorresse fare una domanda per entrare tra i siti con una pagina dedicata da Youtube. Invece non è così, sembra che la cosa sia automatica e che dipenda esclusivamente dal numero di visitatori che aprono i video dal sito che li ha implementati. Quelli di Youtube sono in grado di avere queste statistiche e quindi vogliono in un certo senso ringraziare i blogger che incorporano i loro video con una pagina dedicata al sito.

All'inizio pensavo che la cosa fosse collegata all'account e invece è in funzione del nome del blog. Con mia piacevole sorpresa ho constatato che anche questo blog ha la sua pagina su Youtube

Come nascondere la data in un post su Blogger.

Ho già presentato un tutorial su come nascondere la data in tutti gli articoli di un blog su Blogger. Questa opzione è usata dagli webmaster che vogliono mantenere i contenuti freschi e attuali agli occhi degli utenti. Non vedendo la data di pubblicazione, il navigatore può essere indotto a credere che l'articolo sia stato pubblicato da poco tempo. Ovviamente non si possono ingannare i motori di ricerca e la cosa può essere utile solo se i contenuti prescindono dalla dimensione temporale. Di un articolo di attualità viene subito percepito il periodo in cui è stato pubblicato.

Per non visualizzare la data in tutti i post, si può usare anche un meccanismo un po' diverso da quello dell'articolo che ho linkato. Si va su Design > Modifica HTML, si cerca la riga </head> e, immediatamente sopra, si incolla questo codice

Come spostare la posizione della data e dell'ora nei commenti di Blogger.

Nei modelli ufficiali di Blogger la data e l'ora di ciascun commento sono mostrati nella parte bassa accanto all'icona per  la loro cancellazione, visualizzata solo dal proprietario del blog

Mi è stato chiesto se fosse possibile inserirla più in alto, accanto al nome del commentatore. Questo è utile se per caso si è inserito il link di replica per creare un collegamento a ciascun commento o se si è aggiunto la numerazione dei commenti. Si va come al solito su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver cliccato su espandi modelli widget si cerca questo codice

Come inserire emoticon animate nei commenti di Blogger.

Mi sono già occupato di questo tema in due post di molto tempo fa in cui illustravo come inserire le emoticon nei commenti digitando delle opportune combinazioni di tasti, nel caso si abbia il modulo subito sotto il post o invece si sia optato per la finestra popup o la pagina intera. Con questo articolo voglio riprendere questa personalizzazione per presentarla ai nuovi utenti di Blogger che forse non la conoscono. Prima di iniziare la trattazione dico subito che le emoticon animate sono visibili con Firefox, Chrome, Opera, Safari e Internet Explorer 9 mentre non lo sono con IE 8 o precedenti. Inoltre lo script funziona perfettamente in quasi tutti i template più vecchi mentre dà delle difficoltà con alcuni di quelli nuovi creati con il Designer Modelli. Le emoticon inserite sono alcune di quelle standard del Messenger di Yahoo. I più bravi possono inserirne anche altre modificando il codice e inserendo le immagini con la stessa sintassi.

Otomata per creare musica ritmica e condividerla.

Dopo il Doodle di Google relativo alla Gibson Les Paul, in rete stanno avendo ancora più successo i siti che permettono di creare musica anche a coloro che non hanno una particolare dimestichezza con il pentagramma. Otomata è un generatore di musica che potrei definire ritmica ma non so se è la parola giusta. Diciamo che potrebbe essere il suono prodotto da una batteria o da un altro strumento a percussione. Occorre cliccare su alcune caselle dell'interfaccia per selezionarle, quindi premere sullo spazio della tastiera per iniziare la riproduzione musicale

 

Lavoro online: quali i migliori settori?

Guest post scritto da Lavorare Online.

---

Il lavoro online è un desiderio di molte persone, soprattutto di quelle appassionate di tecnologia e informatica che desiderano realizzarsi. Trovare l’offerta adatta alle proprie esigenze non è affatto semplice e per questo motivo è arrivato il momento di capire quali sono i migliori settori per guadagnare online.

Bisogna ricordarsi che il lavoro online non è un gioco ma una vera occupazione che con il tempo può portare a una remunerazione paragonabile a quella di un lavoro reale. Per iniziare al meglio la propria avventura online è fondamentale orientarsi verso l’argomento che si conosce meglio per trattarlo con successo all’interno di un blog.

Per chi cerca un lavoro online il tema più gettonato è quello della finanza. In questo settore ci si indirizza maggiormente verso il Trading Tradizionale e il Forex Trading. Se riuscirete a dare delle informazioni chiare agli utenti, il lavoro in questo settore sarà semplice e immediato. I temi più in voga sono quelli legati alle assicurazioni e ai prestiti.

Come posizionare e stabilire l'ordine di sovrapposizione tra oggetti HTML.

La posizione di un elemento all'interno di una pagina web è determinata dalla proprietà position e può essere applicata generalmente a tutti gli oggetti. I valori che può assumere position sono:

1) static - E' la posizione normale ed è quella di default che assume un elemento senza la proprietà position

2) absolute - In questo caso l'elemento viene posizionato in funzione del suo contenitore più prossimo che abbia un valore diverso da static. Se questo elemento non c'è, allora la posizione coincide con l'area del browser. Si usano gli attributi top, bottom, left e right per fissare le distanze nelle quattro direzioni.

3) fixed - La differenza con absolute sta nel fatto che in questo caso il contenitore è sempre la finestra principale del browser. Un'altra particolarità di questo valore è che l'oggetto non scorre insieme alla pagina
4) relative - L'elemento viene posizionato in funzione del suo contenitore. Gli spostamenti ottenuti tramite left, right, top e bottom sono non in funzione della pagina web ma in relazione al contenitore dell'elemento.

Come inserire un messaggio di benvenuto nelle pagine delle etichette.

In un precedente articolo ho illustrato come aggiungere una introduzione con immagine a pagine relative a delle determinate etichette. In un commento mi è stato fatto notare come, nella grande maggioranza di blog, il numero di etichette sia molto elevato e che quindi sia preferibile inserire una sola descrizione comune a tutte le etichette. La cosa è fattibile usando la condizione per mostrare un elemento solo nelle pagine delle etichette. Basta andare su Design > Modifica HTML e salvare il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca la riga

<b:include data='top' name='status-message'/>

subito sotto si incolla questo codice

Come visualizzare un widget solo nelle pagine delle etichette di Blogger.

In Blogger esistono i cosiddetti tag condizionali per mostrare i widget solo in alcune tipologie di pagine oppure ovunque escluso in determinate pagine. E' possibile quindi inserire gadget con le seguenti modalità

1. Solo in Homepage
2. Ovunque escluso la homepage
3. Solo nei post
4. Ovunque escluso i post
5. Solo nelle pagine statiche 
6. Ovunque escluso le pagine statiche
7. Solo in una determinata pagina o articolo
8. Ovunque escluso una determinata pagina
9. Solo nelle pagine di archivio
10. Ovunque escluso le pagine di archivio

Aggiungere una descrizione con miniatura alle pagine delle etichette di Blogger.

Le pagine delle etichette contengono tutti i post che hanno un determinato tag. Il loro URL generico in Blogger è dato da

http://nome-blog.blogspot.com/search/label/nome-etichetta

e rappresentano la collezione di articoli che trattano lo stesso tema. In alcuni blog tematici queste pagine assumono grande importanza e sono spesso inserite nel menù del blog. Di default, quando si apre una pagina come la precedente, Blogger mostra il messaggio Visualizzazione degli ultimi post con etichetta … che non è proprio il massimo dell'estetica. Vediamo come inserire e personalizzare un messaggio con miniatura per ciascun tag che abbia un aspetto simile a questo

Come non mostrare gli articoli nella homepage di Blogger.

Il titolo potrebbe sembrare assurdo. Chi mai vorrebbe non visualizzare almeno i titoli degli Ultimi Post nella pagina iniziale del blog? Eppure ci sono dei modelli che hanno scelto questa opzione. Nella home del blog, e solo in quella, viene mostrato un grande widget che rimanda agli ultimi post pubblicati e che però scompare quando si apre un singolo articolo. Il compito di questo post non è quello di indicare il widget sostitutivo per gli ultimi articoli ma solo quello di illustrare come non visualizzare i post nella pagina di ingresso. Comunque, per dare una idea, nella home si potrebbero inserire questi widget attraverso i tag condizionali 

1. Slideshow orizzontale con miniature -
2. Tabella orizzontale di miniature degli ultimi post -
3. Slideshow verticale degli ultimi articoli -

Come personalizzare un video di Youtube incorporato in un blog.

Incorporare i video di Youtube negli articoli del blog è una pratica diffusissima tanto che sembrerebbe superfluo scriverci un articolo. Lo stesso servizio di video-sharing offre diverse opzioni di configurazione direttamente sul sito. Non tutti conoscono però conoscono i parametri forniti dalle API di Youtube. 

Ma andiamo per gradi. Per inserire un video di Youtube nel blog occorre cliccare su Condividi sotto il player

Come cancellare un sito da Google Friend Connect e inserire il widget dei follower in altri blog.

ATTENZIONE. IL CONTENUTO DI QUESTO POST NON È ATTUALE E NON DEVE ESSERE SEGUITO

Il widget Google Friend Connect è presente in quasi tutti i siti anche se forse solo una minoranza lo usa effettivamente. Ricordo che con Google Friend Connect si possono tra l'altro visualizzare gli ultimi articoli dei siti a cui ci siamo uniti direttamente dalla Bacheca di Blogger. Può anche essere usato per inviare delle Newsletter periodiche ai sottoscrittori. E' possibile creare tanti account quanti sono i blog che possediamo e si può accedere e configurare ciascuno di essi andando su Amministra Google Friend Connect.  Clicchiamo nella colonna di sinistra sul nome del sito, quindi selezioniamo Impostazioni > Avanzate

Come eliminare il messaggio Visualizzazione degli ultimi post … quando si apre una etichetta.

In Blogger si può accedere a tutti i post pubblicati con una determinata etichetta cliccandoci sopra alla fine di un articolo, andando sulla tag nel widget della nuvola di etichette, cliccando sul gadget Blogumus o semplicemente aprendo una pagina di questo tipo

 http://nome-blog.blogspot.com/search/label/nome-etichetta

All'inizio della pagina Blogger mostra questo messaggio : Visualizzazione degli ultimi post con etichetta "nome-tag" - Mostra tutti i post (o i post precedenti)

Mi fu chiesto in un commento se fosse possibile togliere questa frase perché è colorata di grigio e non si adatta al layout di molti blog. Se si immette un nome di etichetta che non esiste, il messaggio diventa

Come creare dei link interni a singoli paragrafi dell'articolo.

Avrete certamente avuto modo di leggere delle pagine web che mostrano all'inizio l'elenco dei paragrafi in cui è suddiviso il contenuto. Cliccando sopra a ciascun link si resta nella pagina ma si va all'inizio del paragrafo prescelto. Forse è più complicato spiegarlo che vederlo di persona. Andate su

• Demo di un articolo con link interni -

Se cliccate su uno dei paragrafi dell'indice, sarete immediatamente condotti al contenuto senza che venga rinfrescata la pagina. Il metodo che vado a illustrare è quindi decisamente preferibile a quello dei Segnalibri che avevo avuto modo di presentare qualche tempo fa. Il funzionamento è lo stesso ma in quel caso viene ricaricata la pagina con una certa perdita di tempo. Nell'articolo di demo che ho appena linkato il passaggio al paragrafo è invece istantaneo. Altra prerogativa che rende questo metodo migliore è che non occorre conoscere preventivamente l'URL del post e quindi non occorre pubblicare l'articolo due volte.

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

Quando lo schermo del computer portatile diventa nero, come risolvere

Guest Post scritto da Fabio Nicolosi

---

Durante il lavoro o lo studio se improvvisamente lo schermo del notebook diventa nero, sarà sicuramente un'esperienza fastidiosa. E se succede all'improvviso e senza un motivo apparente, è sicuramente ancora più fastidioso. Ci sono una serie di possibili ragioni per cui questo problema potrebbe verificarsi. Per risolvere questo tipo di problema, molto spesso , è necessario andare alla radice. In questo articolo si avranno alcuni suggerimenti utili per risolvere direttamente il problema, senza rivolgersi ad attività di informatica o a professionisti del settore internet. Forse non sapete che il vostro portatile contiene un componente chiamato l'inverter FL. Questo controlla sostanzialmente la retro illuminazione dello schermo LCD del notebook. Se c'è qualche problema o guasto dell'inverter FL lo schermo può diventare nero. Oltre a questo, ci potrebbe essere qualche problema con qualche cavo che si è allentato col tempo. È consigliabile, in questi casi, collegare il portatile con un monitor esterno per verificare se funziona correttamente o meno. Se il monitor esterno funziona bene, allora non c'è problema con l'inverter FL.

Controllare le ultime attività del nostro account GMail per mantenerlo sicuro.

Le minacce per gli account di posta elettronica sono molto più presenti di quanto non si pensi. Sarebbe una buona cosa impostare delle password complesse e modificarle dopo un certo periodo di tempo per vanificare l'azione di coloro che ne fossero venuti in possesso. Questo pericolo è tanto più presente quanto più utilizziamo un certo account per iscriverci a siti o a servizi. Sarebbe opportuno usare email usa e getta per registrazioni che si fanno una sola volta e che poi non si usano più. GMail fornisce agli utenti informazioni su chi ha effettuato accessi nel proprio account. Per verificare che la nostra posta non sia stata violata da malintenzionati bisogna accedere a una qualunque pagina di GMail e scorrerla fino in fondo dove accanto a Ultima attività dell'account c'è il link Dettagli

 

Blogger Mobile supporta tutti e 27 i template del Designer Modelli.

Alla fine dello scorso anno Blogger rese finalmente disponibile la versione mobile del blog. Ricordo che per attivarla bisogna andare su Bacheca > Impostazioni > Email & cellulare, mettere la spunta su Mostra modello per cellulari e cliccare in basso su Salva Impostazioni. Se non lo avete fatto non indugiate ancora. In questo modo, se un navigatore arriverà sul blog tramite smartphone, sarà rediretto a una nuova pagina che per questo blog è

http://www.ideepercomputeredinternet.com/?m=1

I modelli finora supportati erano solo quello Semplice e quello Fantastico (Simple e Awesome); con un post di qualche giorno fa, Blogger Buzz ha annunciato che adesso sono supportati dalla versione mobile tutti e 27 i template del Designer Modelli. Se si ha un modello vecchio, scaricato da altri siti o fortemente personalizzato, sarà comunque possibile averne la versione mobile di default. Dopo aver attivato questa funzionalità, aggiungete la stringa ?m=1 all'indirizzo della home con la slash finale, incollatelo nel browser e cliccate su Invio per visualizzare la versione mobile del vostro blog.

Come vedere le foto dei nostri contatti su GMail.

Chrome WebStore è una vera e propria miniera di applicazioni che per il momento possono essere usate come componenti aggiuntivi di Chrome ma che in futuro rappresenteranno l'asse portante dei Chromebook basati su OS Chrome. Già adesso, sulla sinistra della homepage, è presente la suddivisione degli strumenti in applicazioni, estensioni, temi e raccolte. Credo che in futuro farà concorrenza all'App Store confluendo probabilmente nell'Android Market. In attesa dei primi netbook Chrome attesi in Italia nelle prossime settimane, si possono comunque scoprire interessanti estensioni per migliorare la nostra esperienza di navigazione con Google Chrome. GMail Photo è appunto un componente aggiuntivo di Chrome che permette di visualizzare accanto al nome dei contatti GMail anche la loro foto o il loro avatar.

Si tratta delle immagini che sono state caricate sul Profilo di Google collegato a quell'account. E' una opzione utile per avere subito una idea precisa del mittente di un certo messaggio e per fare una cernita visiva immediata.

Come inserire linee o immagini di separazione tra i widget della sidebar.

Mi sono già occupato di come inserire delle immagini di separazione tra articolo e articolo da visualizzare nella homepage, nelle pagine di archivio e in quelle delle etichette. Adesso applichiamo lo stesso concetto ai widget presenti in una sidebar. L'obiettivo è quello di inserire una linea o anche una immagine che divida i singoli widget. Dobbiamo semplicemente agire aggiungendo opportuni CSS nel modello.

Nuovi template del Designer Modelli 

Se si ha un modello del nuovo tipo, bisogna andare su Design > Modifica HTML e cercare la riga

]]></b:skin>

Immediatamente sopra si incolla questo codice

Widget scorrevole dei titoli degli Ultimi Post per Blogger.

Avrete certamente visto dei siti di notizie che fanno scorrere i titoli degli Ultimi Post nella parte alta del layout. Usando il tag <marquee> già impiegato nella realizzazione di scritte scorrevoli, vediamo come sia possibile realizzare un gadget che mostra i titoli delle ultime entry che scorrono da destra verso sinistra. Per avere una idea del funzionamento di questo widget che si basa sui feed del blog, aprite questa

• Demo degli Ultimi Titoli dei Post in versione scorrevole -

L'aspetto sarà simile a questo

e si potrà personalizzare nei bordi, nei colori e nella velocità di scorrimento. Il procedimento di installazione è oltremodo semplice. Si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

I Doodle di Google più belli a cui si può ancora accedere.

Quelli di Google sono sempre rimasti fedeli a una pagina principale molto minimalista con il campo di ricerca sopra ai due classici pulsanti Cerca con Google e Mi sento fortunato. Nel resto della pagina ci sono solo dei link testuali. Molto spesso viene però inserito un logo per festeggiare una ricorrenza. Si tratta quasi sempre di una immagine con il link che rimanda a Wikipedia o alle ricerche di Google. Ogni tanto però vengono offerti agli utenti dei veri e propri capolavori di programmazione. Due giorni fa è stato festeggiato Les Paul in occasione dei 96 anni dalla sua nascita, famoso tra l'altro per aver inventato la Gibson Les Paul, chitarra elettrica ancora oggi usata da moltissimi artisti.

Il Doodle su Les Paul ha avuto un tale successo che è stato lasciato per altre 24 ore nella pagina internazionale di Google.com. Ci sono stati musicisti, veri e improvvisati, che dopo aver suonato il Doodle della chitarra lo hanno salvato o addirittura ne hanno creato un video condiviso su Youtube. E' possibile sfogliare tutti i Doodle di Google selezionando l'anno e il mese in cui sono stati proposti. Sono suddivisi in global e local, i primi sono stati mostrati ovunque mentre i secondi in un solo Paese o in un gruppo di Paesi. E' il caso per esempio del logo per la festa del 2 Giugno che è stato visto solo su Google.it. I Doodle di maggiore successo sono ancora accessibili dagli utenti che potranno vederli e giocarci anche dopo mesi o anni dalla loro uscita. Per esempio si può ancora suonare la Gibson Les Paul passando il mouse sopra le corde oppure cliccando sul pulsante di registrazione

Come incorporare i video di Youtube nel blog senza mostrarne il logo.

Quando si inserisce nel blog un video di Youtube, nel fotogramma iniziale e durante la riproduzione, si vede in basso a destra del player il loro logo. Con un articolo sul blog ufficiale, quelli di Youtube ci informano che sarà adesso possibile implementare i video senza mostrare il marchio del celebre sito di video sharing. Insieme a questa nuova feature sono state introdotte anche le miniature in alta qualità, questo perché l'immagine spesso non aveva la stessa risoluzione del video ed era considerata un deterrente per gli utenti che ci avessero voluto cliccare sopra.

 

Come allineare i bottoni di Facebook, Twitter, Google +1 ecc.

L'introduzione del bottone di voto Google PlusOne ha messo un po' in difficoltà i blogger meno esperti visto che i pulsanti importanti da inserire, alla fine o all'inizio del post, sono adesso almeno tre (Facebook, Twitter e appunto Google +1). Non basta quindi metterli uno a sinistra e uno a destra ma dobbiamo giocoforza usare un altro metodo. Mi sono già occupato en passant di un problema simile quando ho illustrato come allineare due o più annunci pubblicitari. Su quella stessa falsariga vediamo come per esempio sia possibile inserire uno accanto all'altro il Mi Piace di Facebook, il bottone ufficiale di Twitter, il pulsante Google +1  e una icona per  contattarci per email. Ecco come potrebbe essere il risultato

Il codice da inserire nel modello potrebbe essere come quello seguente

• Codice per tabella bottoni -

Come personalizzare l'effetto Nivo Slider per Blogger.

Ho appena letto un commento su come si possa personalizzare l'Effetto Nivo Slider che ha riscosso tanto successo tra i lettori di questo blog. Non sto a illustrare nuovamente la procedura per installare questo slideshow con collegamenti inseriti nelle immagini che puntano a singole pagine del blog. Per i dettagli relativi consultate quindi il precedente articolo che ho dedicato a

• Nivo Slider slideshow per Blogger -

L'autore dello script ha pubblicato in rete tutta una serie di istruzioni per rendere ancora più personale lo slideshow. Nel post in cui l'ho presentato non le avevo inserite per brevità di esposizione ma visto che mi è stato chiesto ecco come procedere per ulteriori personalizzazioni. La differenza sostanziale sta solo nell'ultimo codice inserito prima della riga </body>. Possiamo sostituirlo con quest'altro

Personalizzare la favicon su Blogger.

Le favicon sono quelle piccolissime immagini che appaiono accanto all'indirizzo del browser quando si apre un sito. Il nome deriva dalla contrazione dell'espressione favorite icon (o favourite) ed è diventato di uso comune anche in italiano. Poche ore fa con un post sul blog Blogger in Draft è stato annunciato che sarà possibile caricare la nostra immagine preferita senza mettere mano al codice. L'operazione è già possibile anche per i blog in lingua italiana e per poterla effettuare occorre loggarci nella Bacheca di Blogger in Draft. La cosa è ancora talmente in fase sperimentale che anche il layout ne risente visto che il Modifica viene a sovrapporsi a Icona preferita

Riconoscimento facciale su Facebook con foto taggate in automatico.

Con un post nella giornata di ieri, Facebook ha annunciato di aver reso più semplice taggare le foto degli amici attraverso il riconoscimento facciale che è stato esteso agli account di tutto il mondo. La tecnologia era già stata introdotta come test nel mese di Dicembre dello scorso anno per gli account di lingua inglese. Facebook ci fa sapere che ogni giorno gli utenti inseriscono ben 100 milioni di tag alle foto degli album. Il riconoscimento facciale automatico permetterà di ricevere suggerimenti dallo stesso social network sul tag da aggiungere.

Se per esempio abbiamo postato una foto di un gruppo di amici, la tecnologia dovrebbe essere in grado di comparare i lineamenti del volto con quelli di altre immagini già taggate per aiutarci nel compito. E' evidente che questa nuova pensata di Facebook solleva molti dubbi sul versante della privacy

Wibbitz per mostrare un video interattivo con le immagini degli Ultimi Post.

In genere preferisco presentare dei widget per Blogger che non hanno bisogno di server e aiuti esterni in modo da poterne  avere il completo controllo. Ho fatto delle eccezioni per il traduttore di Google, il traduttore della Microsoft, per LinkWithin e pochi altri. Il gadget offerto da Wibbitz ne è un'altra perché lo reputo così carino da poter interessare i lettori per la sua originalità.

• Demo video interattivo degli ultimi post con Wibbitz -

Se cliccate sulla linguetta che appare in alto sulla sinistra si visualizzerà al centro del layout un video interattivo con le immagini degli ultimi post e con un effetto simile a quello Lightbox

Come non visualizzare più i post di un amico su Facebook.

Nella Home di Facebook ci sono due collegamenti. Il primo link si riferisce alle Notizie più popolari mentre l'altro ai Post più recenti. Facebook ha sviluppato un algoritmo per mostrare nelle Notizie più popolari i post degli amici con cui hai più interazioni mentre relega tra i Più recenti tutti gli altri contributi. Se si hanno diverse centinaia di amici molto prolifici, si finisce per visualizzare solo una piccola parte di tutto il flusso su Facebook. C'è inoltre da dire che il numero di interazioni che abbiamo con gli amici vogliono dire ben poco per valutare l'intensità dell'amicizia. Per esempio si può essere interessati ai contributi di una persona con cui non abbiamo avuto nessun contatto e viceversa essere del tutto indifferenti ai post di altre persone che Facebook considera vicine a noi perché ci hanno inviato qualche messaggio di spam o qualche richiesta.

Usare i video di Youtube sotto licenza Creative Commons per crearne di nuovi.

Youtube ha da tempo messo a disposizione degli utenti  il suo Editor Video per chi vuole editare nuovi video online senza usare programmi quali Windows Live Movie Maker. La grossa novità è che, come riportato cinque giorni fa da Google Operating System, si può passare dalla licenza standard di Youtube a una Creative Commons. Questo permetterà agli altri utenti di riutilizzare in tutto o in parte i tuoi video mediante l'Editor per crearne di nuovi. Dovrà essere inserito il dovuto credit ai proprietari dei video che si sono riusati. Se vogliamo che un nostro video possa essere liberamente riutilizzato, dobbiamo andare su I miei video, quindi selezionarlo e cliccare su Modifica. La parte relativa alla licenza scelta, si trova sotto Opzioni di diffusione e condivisione > Licenza

WhatFont per identificare i caratteri usati in una qualsiasi pagina web.

Vi sarà certamente capitato di entrare in un sito e di vedere come il testo, tutto o in parte, sia editato con dei font che non conoscete ma che vi piacciono. Per scoprire una famiglia di caratteri ci sono diversi tool online (per esempio What Font is) che però presuppongono che si debba incollare l'URL della pagina web. Se noi volessimo conoscere il nome dei font di una piccola porzione di testo questo metodo non sarebbe però utilizzabile.

WhatFont è una estensione per Chrome e un bookmarklet per Chrome e Firefox che permette di individuare il nome del carattere di una parola semplicemente puntandola con il mouse. La scelta migliore è quella di inserire il bookmarklet mediante il semplice trascinamento del bottone nella barra del browser

Creare un logo o marchio gratis: i servizi più interessanti.

I dizionari non sono univoci nell'indicare il plurale di logo, alcuni rimasti fermi all'ortodossia classica, asseriscono che logo dovrebbe rimanere invariato anche al plurale essendo una abbreviazione di logotipo, mentre altri indicano che si può tranquillamente usare anche loghi per il plurale visto che l'uso vince sempre sulle regole grammaticali. Come fa presumere la sua derivazione si tratta di un quasi sinonimo di marchio, brand o marca.

Quando si decide di creare un sito web è come se, molto in piccolo, decidessimo di creare una azienda. Come quest'ultima, anche il sito ha bisogno di una immagine che lo identifichi e lo caratterizzi immediatamente. L'obiettivo di questo post non è certo quello di fare delle analisi di web marketing per dare consigli su come debbano essere i brand vincenti. Ci sono d'altra parte tutta una serie di nuove professioni nel campo della grafica che si occupano di realizzare marchi di successo. Mi rivolgo quindi esclusivamente a chi è digiuno di programmi grafici, ha aperto un blog e vorrebbe crearsi un marchio personalizzato. In rete ci sono diversi servizi gratuiti per creare dei loghi. Passo a elencarne alcuni dei più interessanti.

Joliprint per convertire pagine web in PDF.

Stampare delle pagine web non è cosa semplicissima e i risultati sono quasi sempre non in linea con le aspettative. L'operazione consigliata, prima di stampare una pagina web, è quella di convertirla in un file PDF che è molto più indicato per le operazioni di stampa. Gli autori di blog che hanno interesse a far scaricare e stampare i propri articoli, penso a siti di ricette o di manuali, possono inserire dei collegamenti o delle icone per agevolare le operazioni di stampa. Joliprint è uno strumento utilissimo per convertire pagine web in PDF in modo da poterle scaricare e anche stampare con facilità.

Si può scegliere se utilizzare il widget per Blogger, il plugin per Wordpress oppure acquisire il codice del bottone da inserire in tutti i siti. Nel caso di Blogger si può scegliere se mostrarlo in tutti i post o se inserirlo nella sidebar. Vediamo in dettaglio come fare in questo secondo caso. Occorre andare su Design > Elementi pagina > Aggiungi un gadget > Aggiungi il tuo sulla sinistra della finestra

Come inserire le stelle di valutazione nei post di Blogger.

La funzione per valutare i post è stata inserita da circa tre anni ma è sempre rimasta allo stadio di test e non è tuttora possibile la sua installazione dalla normale Bacheca di Blogger. Si tratta di visualizzare cinque stelle alla fine di ciascun post nella zona in cui si vedono anche i pulsanti ufficiali di condivisione di Blogger. I visitatori, oltre a dare il proprio voto al post attraverso la selezione delle stelle, vedranno anche il numero di voti che sono già stati comminati dagli altri lettori e quale è stata la valutazione media. I possibili voti sono Pessimo (1 stella), Scarso (2 stelle), Buono (3 stelle), Ottimo (4 stelle) e Eccezionale (5 stelle). Per visionare il funzionamento del widget accedete a questo post di demo

 

Mostrare i voti di Google +1 nel nostro Profilo.

In questo momento nel web uno dei topic più gettonati è senza dubbio il pulsante Google PlusOne che nelle intenzioni della casa di Mountain View dovrebbe bissare i successi del Mi Piace di Facebook. Nell'articolo precedente ho illustrato come inserire questo bottone di voto in una barra flottante insieme ai pulsanti degli altri principali social network. Quando si clicca su +1 in una pagina web, il nostro voto sarà visibile nei risultati di ricerca, per il momento solo su Google.com. Se si hanno due pulsanti, basterà cliccare su uno dei due e, rinfrescando la pagina, verrà aggiornato anche il contatore dell'altro bottone. Questa cosa provoca dei problemi di privacy che allo stato non sono molto chiari.

Se per esempio clicco su un risultato oltre a me chi vedrà il mio nome? Credo che sarà sicuramente visibile a coloro che mi stanno seguendo su Google Buzz ma non so se sarà mostrato anche agli altri. Se qualcuno che non mi segue su Google Buzz ha un minuto di tempo per fare un test, può incollare il titolo di questo post nella ricerca di Google.com per vedere se visualizza o meno il mio nome tra coloro che hanno cliccato sul PlusOne.

Barra con i pulsanti di Facebook, Google PlusOne, Stumbleupon, Twitter, Digg e Google Buzz.

Dopo l'introduzione di Google PlusOne è il caso di aggiornare il codice della barra flottante di condivisione che è stata adottata da molti di voi. Per il momento non sono riuscito a includere lo script di Google PlusOne direttamente nell'elemento pagina e quindi bisogna incollare una riga di codice nel modello. Potrebbe dipendere dal fatto che questo bottone ha solo un giorno di vita. Se ci fossero delle novità sarà mia cura aggiornare questo post. Dopo la installazione sarà visualizzata nel blog una barra verticale per condividere gli articoli sui vari social network che rimarrà immobile allo scorrere della pagina, come è possibile vedere in questa

• Demo dei pulsanti flottanti di FB, Google +1, SU, Twitter, Digg e Google Buzz -

 

Widget orizzontale scorrevole per Blogger con miniature degli Ultimi Post.

Ho recentemente pubblicato un articolo riguardo a uno Slideshow degli ultimi post con miniature in orizzontale che ha avuto un certo successo. In un paio di commenti mi è stato fatto presente che sarebbe stato meglio poter selezionare la velocità di scorrimento del widget per adattarlo alle singole esigenze. Ne posto quindi un'altra versione che viene incontro a questa richiesta. Ho postato in rete una

• Demo del widget orizzontale scorrevole con miniature -

Come vedete è molto più lento visto ciascuna schermata rimane per 10 secondi invece dei 5 del precedente slideshow. Ho anche modificato il numero dei post visualizzati che adesso sono cinque invece di sei. Per l'installazione di questo widget non occorre modificare il modello, si va semplicemente su Design > Aggiungi un gadget > HTML/Javascript e si incolla questo codice HTML

Come installare Google Plus One (pulsante +1) in Blogger.

Avevo già dato conto che Google stava lavorando alla creazione di un bottone simile al Mi Piace di Facebook. Poche ore fa Google Buzz e altri siti ufficiali di Google hanno confermato che il bottone è disponibile per essere installato su tutti i siti. Vediamo in dettaglio come procedere se si ha un blog su Blogger. Se si sono già inseriti i bottoni ufficiali di condivisione di Blogger, il pulsante sarà apparso automaticamente accanto a tutti gli altri

con una colorazione più vivace. Avrà anche un contatore per conteggiare i click che riceve il post o il blog. Se ancora non avete inserito questi pulsanti ma avete intenzione di farlo andate su Design > Elementi pagina > Post sul blog > Modifica e mettete la spunta nella casella apposita

Come cambiare lo sfondo del blog al passaggio del mouse.

Qualche mese fa in questo commento mi fu chiesto se fosse possibile creare un sistema che permettesse agli utenti di scegliersi il colore di sfondo che preferivano. Sono riuscito a creare un widget molto carino che consente proprio di fare questa operazione. Per testarlo accedete sulla

• Pagina di Demo dello sfondo che varia al passaggio del mouse -

Spostatevi con il mouse sulla tabella in alto a destra e, passando sopra a un riquadro colorato, si visualizzerà lo stesso background per tutto il blog

Come installare su Blogger il pulsante Segui su Twitter.

Da poche ore è disponibile un pulsante ufficiale di Twitter da installare nel blog per invitare i lettori a diventare nostri follower. La notizia è stata data dal Twitter Blog unitamente all'informazione che è stato già installato da prestigiose testate giornalistiche come il Washington Post, il Wall Street Journal, da riviste come Vanity Fair, da siti collegati a reti televisive come quello della CBS e quello della Fox. Non mancano anche i testimonial tra le celebrità quali Jennifer Lopez, Justin Bieber e Britney Spears. Questo bottone di Twitter è sostanzialmente diverso dal pulsante ufficiale di Twitter che serve per condividere gli articoli con un solo click. In questo caso l'azione comporta l'iscrizione al flusso di tweet dell'autore del blog o della pagina di Twitter collegata al sito.

Per l'installazione ci si reca su Follow Button e si selezionano le nostre preferenze sull'aspetto del pulsante. Si tratta di inserire o di scegliere

1. Nome utente
2. Colore di sfondo
3. Possibilità di mostrare il numero di follower
4. Lingua del sito