Tutti voi avranno visto sicuramente sia i commenti di questo o di un’altro comunissimo blog, vicino ad ogni nome dell’utente che ha scritto il commento, c’è sempre una piccola immaginetta con un’omino grigio. Quell’omino grigio non è altro che l’avatar che ogni utente ha, viene visualizzato l’omino grigio perchè non viene scaricato quello vero scelto dall’utente, questo perchè non si è registrati al famoso “Gravatar“.

Gravatar è il servizio più famosi tra i blogger, che ci permette di scegliere un nostro avatar direttamente da una foto salvata sul PC e questo avatar viene visualizzato ogni volta che il nostro indirizzo email risulta in un commento di qualche blog. Le piattaforme di blog non fanno altro che interrogare il database di Gravatar che se risponde in modo positivo invia l’URL dell’avatar, se invece non viene riscontrato quel dato indirizzo email, non invia nulla e quindi la piattaforma capisce che dovrà rimpiazzare l’avatar dell’utente con un’avatar di default che solitamente è un’omino grigio come quelli di Msn Messenger.

Registrarsi a Gravatar è molto semplice, infatti oltre alla registrazione molto semplice, anche il sito possiede solo poche pagina in qui possiamo amministrare tutti i nostri avatar disponibili per ogni indirizzo email registrato. Si capisce in automatico che ad ogni indirizzo email registrato Gravatar associa un’avatar che noi possiamo scegliere uploadando una nostra foto direttamente dal nostro PC.

Grazie all’unico menu che si può visualizzare sul sito di Gravatar, si possono gestire centinaia di indirizzi email, ognuno con un’avatar differente, con la pagina “Add an Email Address” potremmo inserire una nuova email con la quale poi successivamente andremmo ad associare un’avatar, questa email però dovrà essere autenticata tramite un link che verrà inviato tramite email all’indirizzo inserito.
Tramite la pagina “Ad an Image” potremmo gestire tutti gli avatar, quindi uploadare un’avatar dal nostro PC, da un’immagine hostata su di un servizio web ( sito web o imageshack ), o prendere direttamente l’avatar che avremmo impostato sul sito http://www.wordpress.com.
Invece tramite la pagina “Manage” potremmo assegnare quel dato avatar che abbiamo precedentemente uploadato a quella data email che avremmo provveduto ad autenticare in precedenza.

Grazie a questo semplice menu potremmo gestire tutti i nostri indirizzi email e avatar con i quali dovremmo farci riconoscere all’interno dei blog e dei siti che utilizzano Gravatar come servizio di Avatar remoti.

Anche questo blog, come potrete vedere su ogni articolo che possiede almeno un commento, utilizza Gravatar come servizio di Avatar remoti, questo perchè è quello più famoso ed utilizzato tra i blogger, quindi se un qualsiasi blogger scriverà un commento sul SyGy Blog! verrà subito riconosciuto tramite l’avatar che WordPress avrà deciso di visualizzare.

Chi legge e sopratutto scrive molti commenti su dei blog, dovrebbe registrarsi e caricare un’avatar, questo perchè dovrà farsi riconoscere non solo da nome, che per esigenze potremme cambiare, ma anche dall’immagine a lui associata e quindi verrà associata immediatamente l’immagine alla persona fisica o virtuale che vorrete!

Vi è mai capitato di dover sapere le dimensioni di una data immagine che si trova all’interno del nostro Browser Mozilla Firefox?, però non sappiamo come fare perchè magari non conosciamo bene il menu di Firefox?!?

Adesso grazie a MeasureIT, la comoda estensione di Firefox, potremmo sapere le dimensioni di qualunque cosa sia all’interno dell’interfaccia di Firefox; infatti grazie a questa semplice e leggerissima estensione potremmo avviare una sorta di righello virtuale che ci permetterà di sapere le dimensioni di qualunque oggetto all’interno di Firefox.

MeasureIT non fa altro che inserire una piccola incona ( ) nella barra di stato, con la quale potremmo avviare l’estensione, fatto ciò si opacizzerà la visualizzazione di Firefox e sempre grazie al mouse potremmo prendere le dimensioni della nostra foto o di qualunque cosa sia visualizzata nel browser. Dopo l’opacizzazione dell’interfaccia di Firefox basterà tener premuto il tasto sinistro del mouse su di un’angolo dell’oggetto che vogliamo misurare e poi sempre tenendo premuto il tasto sinistro ingrandiremo il righello virtuale facendo ciò l’estensione ci dirà le dimensioni dell’area che abbiamo selezionato. Una volta sapute le dimensioni con il tasto “esc” della tastiera usciremo dall’estensione e invece se vorremmo continuare a misurare qualcosa dovremmo cliccare sulla “x” che comparirà in automatico sul righello virtuale.

Questo è uno snap shot dell’estensione a lavoro:

Come potrete vedere si vede benissimo il righello virtuale che misura una vostra data area, ed a destra di questa area vengono visualizzati i vari di altezza e larghezza in pixel; vicino a questi valori invece c’è il comodo pulsante di chiusura di quella misurazione, utile quando abbiamo sbagliato la misura.

MeasureIT è giunto alla versione 0.3.8 ( Il giorno in qui scrivo ) ed è compatibile con l’ultima versione del noto browser Firefox. Se volete invece installare l’estensione, potrete scaricarla ed installarla in automatico grazie al sito di supporto delle estensioni di Firefox: https://addons.mozilla.org/en-US/firefox/addon/539

Questo componente aggiunto per Mozilla Firefox non possiede nessun menu delle opzioni, perchè il suo funzionamento è talmente molto semplice che delle opzioni non ci potranno mai essere, inoltre è molto utile quando lavoriamo con immagini online di qui ne dobbiamo saper le dimensioni, magari per inserirle in qualche nostra presentazione o sito internet, insomma un’estensione piccola, leggera, molto utile…

NoFollow Free, è il plugin che viene utilizzato anche in questo blog per aggiungere l’attributo “nofollow” all’interno dei link contenuti in tutti i commenti del blog sotto piattaforma WordPress. NoFollow Free è sviluppato da uno sviluppatore italiano ( Michele Marcucci ) quindi il plugin sarà proprio tutto nella nostra lingua, senza dover cercare su blog & forum traduzioni introvabili.

NoFollow Free possiede anche un piccolo ma completo menu di amministrazione del plugin, raggiungibile da “Menu Amministrazione » Impostazioni » NOFF“. Grazie a questo pannello di configurazione del plugin è possibile impostare alcune impostazioni molto importanti, come ad esempio la possibilità di non attribuire il “nofollow” al link dell’autore del commento o solo all’interno del testo nel commento stesso. Un’altra opzione molto interessante è la possibilità di selezionare il numero max di volte che l’attributo “nofollow” nei commenti venga bloccato per ogni utente, quindi dopo il numero prefissato il plugin, per quell’autore che ha superato il numero max, non applicherà l’attributo ad i suoi link.

Il plugin mette a disposizione anche la possibilità di esibire una banda colorata in alto dove viene scritto “NoFollow Free“, questo per far pubblicità al plugin e per far capire inoltre agli utenti del vostro blog che quest’ultimo ha attivato l’attributo “nofollow” per tutti i link inseriti nei commenti. Questa banda può essere disabilitata sempre tramite il menu di amministrazione del plugin; se invece non viene neanche visualizzata dopo averla selezionata nel menu di amminstrazione è possibile aggiungere questo codice php all’interno del nostro template”<?php if (function_exists(noff())) noff(); ?>” che permette la visualizzazione della suddetta barra senza dover interrogare il database delle opzioni del plugin, insomma forzeremo la visualizzazione della barra. Se utilizzate questo codice per visualizzare la barra, ricordatevi di inserire il codice solo ed esclusivamente dopo il tag “<body>” che troverete di norma all’interno del file “header.php“.

Ricordo a tutte le persone che non conoscono l’attributo “nofollow” inserito all’interno dei link, che questo attributo serve sopratutto ai BOT ( come ad esempio il più famoso “Google-Bot” ) per non andare a visitare quel determinato link. Quindi una volta che il BOT leggerà quell’attributo non scandaglierà quel determinato link; questo metodo viene utilizzato nei commenti per evitare SPAM inutile di link per aumentare la popolarità di determinati siti attraverso il PageRank di Google. Per avere una spiegazione più dettagliata leggete questa piccola pagina pubblicata su WikiPedia: http://it.wikipedia.org/wiki/Meta_tag#Keywords.

NoFollow è compatibile dalla versione 2.x in poi quindi viene supportato anche dall’ultima versione di WordPress; inoltre vi ricordo come ogni volta che i plugin di WordPress vanno uploadati nella cartella “wp-content/plugins/“. Il plugin è arrivato alla versione 1.5.6 ( il giorno in qui scrivo ), ha una dimensione di 62Kb ed è scaricabile direttamente da questo LINK.

Insomma NoFollow Free diciamo che è un plugin semplice semplice, che non appesantisce per niente WordPress ma nello stesso tempo è molto utile se non vogliamo far aumentare il PageRank agli utenti che inseriscono link all’interno dei nostri commenti.

Oggi vi vorrei linkare questo carinissimo set di icone “Developpers Icons by ~Sekkyumu“, tutto in stile Web2.0, e pubblicato sotto licenza CC ( Creative Common ) con qui potremmo creare i nostri siti/blog/forum ecc… insomma potremmo creare tutto quello che vogliamo, avremmo la possibilità anche di modificare le icone ma dovremmo linkare sempre l’autore ogni volta che utilizzeremo queste icone; questo è quello che obbliga la licenza scelta dall’autore: Attribuzione-Condividi allo stesso modo 3.0 Unported

Questa è un’anteprima di questo set di icone ideato da Sekkyumu, quest’ultimo ha inserito all’interno del pacchetto che è possibile scaricarlo da QUI (2Mb), 105 icone 32×32 le quali sono divise in diversi formati quali: .png, .ico, .icns, .icontainer.

Quindi come potrete capire potremmo davvero inserire queste icone in qualsiasi programma di sviluppo di software & di HTML editing.

I WaterMark sono i comunissimi marchi che descrivono la provenienza di una qualsiasi immagine, di solito viene inserito l’autore o l’URL del sito in qui l’immagine è stata per la prima volta inserita. Vengono utilizzati i WaterMark quindi questi testi applicati sulle immagini quando non vogliamo che un’altro qualsiasi utente possa impadronirsi dell’immagine e farla diventare di sua proprietà, insomma un sistema per evitare i veri e propri furti di immagini tra blogger.

I watermark non sono sempre semplici da inserire all’interno delle immagini, perchè bisogna scegliere il giusto punto di sfumatura della scritta altrimenti il marchio rischia di rovinare l’immagine; invece un watermark deve essere visibile all’occhio ma non deve disturbare l’intera immagine.

Da oggi grazie a PicMarkR non dovremmo più preoccuparci di essere bravi con i più comuni software di grafica, quali Gimp, Photoshop ecc… infatti grazie a questo sito potremmo applicare dei watermark in pochi minuti su qualsiasi immagine sul nostro PC o addirittura su Flickr, perchè PicMarkR dopo aver inserito username e password si connette a Flickr e permette di scegliere le foto che sono memorizzate all’interno del nostro account.

Il sito è molto semplice da utilizzare, a tal punto che l’inserimento di un watermark si può effettuare tramite 3 semplici passi:

Una volta entrati nella Home Page di PicMarkR si visualizza immediatamente il form di upload delle immagini, con il quale potremmo uploadare un massimo di 5 file con un dimensione massima di 25Mb ( totali, quindi per tutti e 5 i file ); se il file dovrà essere ridimensionato perchè la sua risoluzione è troppo grande per l’uso che dovremmo farci, PicMarkR permette anche tramite il comdo menu a tendina “Optional: resize uploaded pictures” di cambiare le dimensioni delle immagini inserite in automatico mentre si sta effettuando l’upload delle stesse.
Se vorremo invece selezionare una foto da Flickr, dovremmo selezionare l’opzione in alto a destra “Grab images from Flickr” con la quale verrà visualizzata la schermata di login e quindi la possibilità di scegliere una nostra foto all’interno degli album di Flickr.

Fatto ciò potremmo passare al prossimo step, il 2, e quindi l’upload della/e foto e l’applicazione vera e propria del WaterMark. Una volta passati al secondo step, vi troverete davanti la possibilità di applicare 3 diversi tipi di WaterMark:

1. Text WaterMark, quindi un testo a nostra scelta che scriveremo nell’apposita text-area, potremmo selezionare diversi tipi di sfondi e di sfumature del WaterMark tramite l’apposito menu a tendina “Presets” e infine potremmo selezionare l’alliniamento dello stesso watermark, quindi selezioneremo la parte in qui verrà applicato.
2. Image WaterMark, selezionando questa opzione potremmo applicare il WaterMark selezionando un’immagine dal nostro computer, quindi se avremmo un nostro logo, potremmo inserirlo come WaterMark quindi il logo richiamerà in modo migliore il nostro sito; anche per questa opzione c’è la possibilità di scegliere l’alliniamento della stessa immagine di WaterMark.
3. Tiled WaterMark, questa ultima opzione per mio parere è un pò esagerata ma a volte può essere molto adatta, infatti questa opzione permette di inserire un testo o di uploadare un’immagine dal PC e poi duplicarla per tutta l’immagine, quindi senza nessun tipo di alliniamento e sopratutto l’immagine di sfondo sarà ricoperta dal WaterMark senza paura che qualcuno ritagliando un TextWaterMark possa utilizzare la nostra immagine.

Una volta selezionata una delle 3 opzioni potremmo procedere all’ultimo step e quindi il 3 “Get WaterMarked Images” che ci farà visualizzare il WaterMark scelto applicato all’immagine uploadata. Una volta cliccato sul pulsante “Continue” il sito passerà in automatico alla 3 fase e dopo alcuni secondi ( il tempo necessario al server per applicare il WaterMark sull’immagine ) visualizzeremo l’immagine finale con il nostro WaterMark scelto in precedenza e sopratutto senza perdida di qualità della stessa.

Ad esempio per provare questo splendido servizio, ho provato ad applicare un WaterMark al logo del SyGyBlog e questo è il risultato, naturalmente i WaterMark non vengono utilizzati per i loghi ma per le vere e proprie immagini, che possiedono un’effetto finale differente da quello di un logo.

Questo è un’esempio banalissimo della potenzionalità di questo servizio web, che se utilizzato al massimo delle prestazioni può applicare bellissimi WaterMark senza rovinare l’immagine di sfondo. Insomma questo servizio tutto Web2.0 può essere molto utile quando abbiamo moltissime immagine da proteggere con un WaterMark, ma che non sappiamo applicare tramite i comuni editor di immagine in circolazione.

Oggi stavo giocando un pò con un paio di temi per WordPress, la piattaforma editoriale per eccellenza.

Confrontando diversi temi con questo che viene utilizzato per questo blog “GlossyBlue 1.4” realizzato da “Nick La” della nota casa di design “n.Design Studio” ho notato che Glossyblue non era in grado di far visualizzare gli avatar nella lista dei commenti. Gli avatar sono stati inseriti nelle ultime versioni di WordPress, quindi i temi un pò vecchiotti non sono ancora compatibili per visualizzare queste simpatiche immagini che ogni utente può decidere di inserire per farsi riconoscere a prima vista all’intero mondo dei blogger.

Dopo aver visto un pò i vari codici php del template dei commenti mi sono accorto di questo piccolo codice:

<?php if(function_exists(‘get_avatar’)){ echo get_avatar($comment, ’35′); } ?>

Beh questo piccolo codice riesce a capire se dal menu di amministrazione è stata impostata l’opzione della visualizzazione degli avatar, e se l’esito è positivo, visualizza l’avatar di ogni utente che ha scritto un commento.

Quindi inserendo questo piccolo codice all’interno del nostro tema GlossyBlue ho magicamente portato gli avatar all’interno di questo blog; infatti appena leggere un’articolo con qualche commento, accanto al nome della persona che ha scritto il commento verrà visualizzato anche l’avatar da lui scelto.

Il codice va inserito esatammente nel template “comments.php” e precisamente dopo il codice “<li class=”<?php echo $oddcomment; ?>” id=”comment-<?php comment_ID() ?>”>“. Naturalmente le virgolette iniziali e finali non fanno parte del codice che trovere all’interno dei file comments; quindi basterà copiare ed incollare il codice della visualizzazione degli avatar dopo questo codice che ho inserito prima. Una volta fatto ciò il tema GlossyBlue visualizzerà anche gli avatar dei nostri utenti che scriveranno i commenti.

Chi è un pò esperto di codici HTML, PHP ecc… insomma sa smanettare con i file template di WordPress, può effettuare questa modifica tramite la comoda sezione “Design > Editor Temi” che trovere all’interno del menu di amministrazione di WordPress. Per tutte le persone che non sono in grado di effettuare questa modifica pur essendo molto semplice, ho pensato io a modificare il file originale che viene inserito nell’ultima versione del tema GossyBlue 1.4. Quindi basterà uploadare il nuovo file e gli avatar compariranno nel vostro blog senza aver fatto nulla di difficile. Ricordo a tutte le persone che scaricheranno il file “comments.php” che dovranno uploadarlo solo se non hanno effettuato modifiche precedenti al file, altrimenti quelle modifiche andranno perse dato che dovrete sovrascrivere il file.

comments.php

Il precedente file dovrà essere sovrascritto con quello del tema che si trova nella cartella “root_blog/wp-content/themes/glossyblue-1-4/“. Una volta sovrascritto basterà andare a vedere un’articolo con dei commenti e incominceremo a vedere il nostro blog con i vari avatar.

Ricordo inoltro che l’avatar che viene scaricato è quello impostato su Gravatar, quindi se non vi siete registrati, fatelo, altrimenti visualizzere un’omino grigio che indicherà che quell’utente non ha nessun avatar registrato presso Gravatar.

Se avete problemi con il file scrivetemi un commento qui!