Come installare i plugin di Facebook nei blog di Blogger con sfondo scuro.

Facebook offre agli amministratori dei siti la possibilità di installare diversi social plugin di cui ho già illustrato la procedura di implementazione. Si può optare per una installazione rapida senza applicazione specifica per il sito oppure per una installazione completa che offre maggiori funzionalità tra cui quella della Moderazione dei commenti nel modulo di Facebook.

In ogni caso dovrà essere installato nel modello di Blogger il javascript SDK di Facebook. Un problema ulteriore lo hanno i proprietari di siti con sfondo scuro che debbono adattare al loro layout il colore dei plugin di Facebook. In questo post mi occuperò proprio della personalizzazione dei plugin per siti con background scuro. Lo si può fare sia con l'opzione più semplice sia con quella completa.

INSTALLAZIONE DEL JAVASCRIPT SDK NEL MODELLO DI BLOGGER

INSTALLAZIONE SEMPLICE

Come installare XnView con tutti i plugin e come ottimizzare le immagini con Riot.

Nel post precedente abbiamo visto come si possa aggiungere una filigrana o watermark con il programma XnView gratuito per uso personale e anche multipiattaforma. Questo software può essere installato nella versioni minimal, standard e extended. Se si sceglie la versione più ricca verranno installati oltre ai linguaggi supportati anche tutti i plugin e gli addon.

Tra questi plugin figura anche Riot che però può essere installato in XnView anche separatamente dalla pagina dei plugin di Gimp cliccando su RiotPlugin Installer oppure aprendo nel browser questo URL

http://registry.gimp.org/files/Riot-plugin.zip

Se si è deciso di scaricare la versione Extended di XnView, in fase di installazione potremo visualizzare i plugin e gli addon compresi nel programma tra cui lasciare la spunta a Riot Plugin

Come ottimizzare gli screenshot di PicPick con Gimp e Riot.

Con questo articolo termino i tutorial su PicPick alcuni di questi supportati anche da video tutorial. Nei precedenti articoli abbiamo visto come funziona la cattura e l'Editor di PicPick (scarica gratis PicPick), come usare gli altri tool di PicPick per misurare lunghezze, angoli o trovare codici di colore e infine come aggiungere un watermark alle immagini.

Dopo aver catturato tutto lo schermo o solo una sua parte con PicPick gli possiamo aggiungere della grafica con l'Editor per poi pubblicare l'immagine con Blogger, Wordpress oppure Open Live Writer. Prima di postare l'immagine è però opportuno ottimizzarla cioè renderla il più leggera possibile mantenendo una qualità accettabile. Per questa operazione si utilizza il programma gratuito Gimp (Scarica Gimp) e il programma Riot. Non utilizzeremo però il programma standalone ma il suo plugin. Si apre la pagina dei Plugin di Riot per cliccare su Riot Plugin Installer oppure si apre nel browser questa pagina web

Come mostrare sotto ai post di Blogger i pulsanti di Facebook (Mi Piace, Condividi, ecc.)

Nel post precedente abbiamo visto come installare il pulsante Salva su Facebook in una sidebar o all'interno del modello. A seguito di una richiesta in un commento che ho ritenuta interessante per tutti i lettori passo a mostrare come allineare sotto a ogni articolo del blog su Blogger tutti o quasi i plugin di Facebook. Per l'allineamento utilizzerò il codice di una tabella con una sola riga e più colonne. Si potranno inserire tutti i pulsanti che si desiderano e eventualmente togliere quelli che non ci interessano.

Ricordo che una riga della tabella inizia con il tag <tr> e termina con </tr> mentre una singola cella inizia con <td> e termina con </td>.  Quindi per aggiungere un nuovo pulsante va inserita una nuova cella e per toglierlo ne va eliminata una già esistente. Essendo i pulsanti di diverse dimensioni si deve lavorare con i tag padding-top e padding-left per configurare le diverse altezze e lo spazio di divisione.

Come mostrare il pulsante Salva su Facebook in Blogger.

Ho pubblicato molti articoli su tutti i plugin di Facebook ma in un commento mi è stato fatto notare di averne dimenticato uno, precisamente quello che mostra il bottone Salva su Facebook. Ricordo che sono esattamente due anni che Facebook ha rilasciato questa funzionalità che permette ai lettori di salvare i post in forma privata nel proprio account Facebook.

In sostanza quando si scorrono le notizie nella Timeline di Facebook si può cliccare sulla freccia in alto per visualizzare in menù e scegliere Salva.... con il nome del post. Tali contenuti verranno visualizzati nella sezione Elementi salvati a cui accedere per leggerli con più calma. Questa opzione è molto utile quando si scorrono le notizie con il cellulare.

I 12 migliori plugin di VLC Media Player.

La quasi totalità degli utenti di internet più esperti usa VLC Media Player come programma predefinito per la riproduzione dei file video e spesso anche dei file audio. Questo software può essere ulteriormente migliorato nelle funzionalità aggiungendo degli specifici plugin o estensioni. Gli addon di VideoLan VLC possono essere sfogliati nella pagina della Galleria dei Plugin ordinati per data di pubblicazione, per ordine alfabetico, in funzione del giudizio degli utenti e in ordine decrescente di numero di download.

Alcune di queste estensioni possono essere installate come semplici file eseguibili mentre altre debbono essere scompattate e aggiunte manualmente alla apposita cartella. I plugin di VLC hanno estensione lua (o più raramente .luac) cioè hanno un nome generico di file del tipo nomefile.lua. Talvolta potrebbe essere necessario incollare il contenuto del plugin in un Editor quale Notepad++ per poi salvare il file con estensione .lua. Tale file quindi va incollato nella cartella C:\Program Files (x86)\VideoLAN\VLC\lua\extensions.

Come installare i plugin gratis Flaticon, Random User e Nik Collection in Photoshop.

Photoshop è il programma di grafica a pagamento più utilizzato. Oltre che sulle moltissime funzionalità può contare anche su numerosissimi plugin per aggiungere ulteriori strumenti. Alcuni di questi plugin sono frutto di iniziative open source e quindi sono gratuiti mentre altri sono a pagamento.

In questo articolo vedremo come installare in generale un plugin di Photoshop e nello specifico come installare Flaticon e Random User che aggiungono due interessanti funzionalità. Il plugin che non deve assolutamente mancare nel vostro Photoshop e/o Photoshop 12 Elementi è Nik Collection di Google che è diventato gratuito da un paio di anni.

Come ottimizzare le foto con Riot e Gimp.

Le immagini sono gli oggetti più pesanti presenti nelle pagine web e quindi quelle che ne rallentano di più il caricamento. Visto che la velocità con cui si apre un sito è uno dei fattori di ranking più rilevanti è necessario per gli webmaster renderle più leggere possibili mantenendone la qualità pressoché intatta. Nei precedenti articoli abbiamo visto come ottimizzare immagini JPG e PNG con i tool online TinyPNG e JPG Optimizer e  come ridurre il peso delle JPG con il programma standalone Caesium. 

In questo post presenterò un'altra interessante alternativa che si chiama RIOT, che può essere utilizzata come programma standalone oppure come plugin di Gimp. RIOT, acronimo di Radical Image Optimization Tool, consente di comprimere le immagini nei formati JPG, PNG e GIF. 

I 18 tipi di siti che si possono creare con Wordpress.

In genere su questo blog mi occupo di problematiche relative alla piattaforma Blogger però ogni tanto faccio una escursione su Wordpress avvertendo però i lettori che pur usando questa eccellente piattaforma da anni non ne sono diventato particolarmente esperto e non ho mai approfondito la conoscenza del linguaggio PHP di cui conosco solo le cose basilari.

Mi sono anche occupato di illustrare brevemente quali siano le differenze tra Blogger e Wordpress e quale sia la migliore tra le due piattaforme. In genere molti appassionati iniziano con Blogger e poi sentono l'esigenza di passare a Wordpress non tanto per necessità ma perché pensano che solo così miglioreranno il proprio status di blogger. Ho anche pubblicato un articolo su come migrare da Blogger a Wordpress sconsigliando però questa operazione per chi abbia un sito già affermato. 

Come personalizzare il Page Plugin di Facebook per aggiungere Diario, Messaggi e Eventi.

In un articolo precedente abbiamo visto come creare un pulsante per farci inviare messaggi dai lettori con Facebook Messenger. In realtà questa possibilità esiste già all'interno del Page Plugin anche se mi risulta che in pochi utilizzano questa opzione. 

Come per tutti i plugin di Facebook è meglio creare una applicazione specifica per ogni sito che si possiede per poi implementare nel modello il javascript SDK e i metatag di Facebook. Senza questa implementazione le funzionalità dei plugin saranno limitate.

I plugin Google Nik Collection per Photoshop diventano gratis.

Photoshop è il programma di grafica più utilizzato per la sue moltissime funzionalità. Vi possono essere anche aggiunti dei plugin esterni alcuni di questi distribuiti in modo gratuito.  Molti plugin che possono essere installati su Photoshop sono compatibili anche con la sua versione meno pesante denominata Photoshop Elements e con altri programmi della Adobe quali Brigde, Lightroom e Aperture.

Google aveva da tempo creato dei plugin per effetti grafici raccolti nella Google Nik Collection che fino a pochi giorni fa erano a pagamento. Con un post su Google+ veniamo informati che questa raccolta di 7 plugin può essere installata gratuitamente.  Si va su Download Now per scaricare il file .exe.

Come incorporare post e video di Facebook in un sito.

Dopo una breve pausa ritorno a parlare delle sinergie che si possono creare tra Facebook e un sito web con un particolare riguardo a quelli situati su piattaforma Blogger. Se siete dei frequentatori di quotidiani online avrete certamente visto che in alcuni articoli sono presenti dei contenuti importati direttamente da Facebook con i quali gli utenti possono interagire direttamente dalla pagina.

Tale importazione è piuttosto semplice di per sé ma la si può facilitare ulteriormente se nel nostro sito è stato già installato il javascript SDK di Facebook. Ricordo che lo si può fare dopo aver creato una applicazione o senza averla creata. In entrambi i casi in riferimento a un blog su Blogger,  dopo aver salvato il template, si va su Modello > Modifica HTML e si cerca la riga

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Installare su Blogger il bottone Segui (Follow) di Facebook.

Su Facebook oltre alle relazioni paritarie e simmetriche tra amici ci sono anche le relazioni asimmetriche che invece sono la normalità su Google+. Se ci sono delle difficoltà per allacciare una amicizia con utente di Facebook possiamo decidere semplicemente di seguirlo.

Quando inviamo una richiesta di amicizia a un utente, di fatto diventiamo un suo follower e visualizzeremo nella nostra Bacheca i suoi aggiornamenti di stato pubblici. Quasi tutte le persone registrate su Facebook hanno i loro follower. Per conoscerli basta aggiungere /followers all'URL del nostro Profilo quindi pigiare su Invio nella tastiera.

10 trucchi per velocizzare Chrome.

Dopo aver usato Firefox come browser predefinito per circa un anno da qualche mese sono tornato a Chrome nell'attesa di sperimentare Microsoft Edge e aspettando le estensioni che gli sviluppatori certamente realizzeranno. Il browser Google Chrome ha indubbiamente diverse funzionalità che non si ritrovano negli altri browser e di cui è difficile fare a meno.

Ricordo un po' alla rinfusa che con Chrome si può

   1) Stampare o salvare le pagine in PDF
   2) Usare scorciatoie da tastiera per Estensioni e Applicazioni
   3) Eliminare la Cronologia web selettivamente
   4) Installare estensioni non approvate da Chrome
   5) Velocizzare Chrome con il Task Manager
   6) Recuperare le password nascoste
   7) Prendere appunti direttamente nel browser
   8) Usare Chrome come visualizzatore di file
   9) Inserire molti Segnalibri nella barra del browser
  10) Attivare il Flash solo a richiesta
  11) Simulare di essere su un dispositivo mobile
  12) Visualizzare la Cache di un sito

Come importare un blog di Blogger in un sito Wordpress.

Qualche mese fa ho presentato un grande hack per migrare da Blogger a Wordpress importandone tutti i post con tutte le immagini. Google però ha da poco modificato le impostazioni di accesso alle API e questo ha reso indisponibile il plugin Blogger Importer che avevo utilizzato per l'importazione degli articoli.

Per fortuna è stato recentemente aggiornato un plugin analogo denominato Blogger Importer Extended che funziona perfettamente con il nuovo sistema di autorizzazioni. Vediamo quindi come sia semplice ripubblicare i post di un nostro sito su Blogger in un blog di Wordpress che può essere vuoto oppure contenere altri articoli. I post importati da Blogger si posizioneranno secondo la data di pubblicazione mischiandosi a quelli eventualmente già presenti sul sito Wordpress.

Page Plugin di Facebook che si apre in una finestra popup.

Facebook ha deciso di deprecare il suo Like Box Plugin e di disattivarlo a partire dal 25 Giugno 2015. Prima di quella data va quindi sostituito con il nuovo Page Plugin. Alcuni blog su Blogger hanno pure installato il Fan Box che si apre in una pagina popup  anche in una versione più datata o più recente. Il codice del nuovo plugin è nel linguaggio HTML5 mentre nelle finestre popup precedenti si utilizzava un iframe che adesso non è più disponibile. 

In un commento mi è stato chiesto se fosse possibile adattare il vecchio al nuovo codice per mostrare in una finestra modale o popup come si dice più comunemente anche il Page Plugin. La cosa è fattibile anche per chi non abbia inserito nel proprio sito i metatag Open Graph. 

Installare il Page Plugin di Facebook su Blogger e Wordpress.

Facebook ha da poco introdotto una nuova opzione nei suoi Social Plugin. Il Like Box è finito tra i Plugin Deprecati insieme a Activity Feed, Facepile e il Recommendations Feed. Al posto del Like Box è stato invece introdotto il Page Plugin che svolge sostanzialmente lo stesso compito. 

Si tratta di un widget che invita i lettori a sottoscrivere la nostra pagina fan e che mostra oltre agli avatar di chi lo ha già fatto anche la cover della pagina. Vediamo come si procede con la sua installazione in due casi limite. Possiamo cioè avere un sito con i plugin di Facebook già installati e che quindi abbia già lo script nel modello o nel tema con i metatag della applicazione specifica oppure possiamo installare il plugin anche senza aver precedentemente creato applicazioni.

Dopo aver aperto la pagina della configurazione del Page Plugin si inseriscono dati e preferenze

Like Box di Facebook che si apre in una finestra popup.

Il Social Plugin definito Like Box o Fan Box è una versione speciale del bottone Mi Piace ed è rivolto alle Pagine di Facebook denominate anche Pagine Fan. Con questo plugin si può installare un widget che mostri gli avatar di alcuni degli utenti che abbiano cliccato sul Mi Piace della rispettiva pagina.

In articoli precedenti ho presentato dei gadget in grado di mostrare il Like Box in una finestra popup ai lettori. Tali widget però avevano il difetto di dipendere da delle risorse esterne e quindi hanno smesso di funzionare quando queste risorse sono venute meno. Adesso vado invece a illustrare un metodo per mostrare ai nuovi visitatori il Like Box della nostra pagina Facebook in una finestra popup con il pulsante Mi Piace per seguirla e anche con l'icona per chiuderla. Il popup si visualizzerà con un effetto simil Lightbox dovuto a uno sfondo scuro creato con una immagine apposita. Un'altra particolarità di questo widget è che la finestra popup si mostrerà nella prima pagina del blog che si apre e poi non si visualizzerà più per un certo numero di giorni per risultare troppo invasivi con i navigatori.

Installare il pulsante Segui su Facebook.

Tra i plugin di Facebook non è molto considerato quello per mostrare il pulsante Segui. Praticamente tutti i siti hanno il bottone Mi Piace e il widget del Like Box relativo alla pagina fan. Ci sono poi anche coloro che hanno optato per gestire i commenti con l'apposito modulo di Facebook e alcuni che hanno optato per il bottone Condividi come alternativa al classico Like.

Sulla falsariga di quelle che sono caratteristiche di Google Plus anche Facebook qualche tempo fa ha dato la possibilità agli utenti di seguire altre persone senza chiederne l'amicizia. Quando si accede a un Profilo insieme al pulsante per inviare una richiesta di amicizia c'è infatti anche il bottone Segui per visualizzare nella sezione Notizie tutti i post pubblici pubblicati da quel dato utente

Come mostrare il pulsante Mi Piace di Facebook nei dispositivi mobili come smartphone e tablet.

È notizia di ieri che Facebook ha messo a disposizione degli sviluppatori un nuovo plugin per implementare il pulsante Mi Piace anche nelle applicazioni per mobile. Gli utenti di Blogger hanno la possibilità di personalizzare oltre che l'aspetto del sito nella normale versione desktop anche il layout nella versione mobile. Per poterlo fare bisogna andare su Modello > Cellulare e mettere la spunta a Sì. Mostra il modello per cellulari nei dispositivi mobili. 

Nel menù verticale della stessa finestra sotto Scegli modello per cellulari va selezionato Personalizza per poi andare su Salva. In questo modo il modello per desktop e quello per cellulari potranno essere gestiti simultaneamente da Modello > Modifica HTML. L'aspetto del blog per il desktop si può modificare andando nella sezione