- Home
- Post archiviati in badge
Pubblicato il 13/06/15 - aggiornato il | 2 commenti :
Come inserire nel blog un badge fisso con link.
Pubblicato il 26/09/13 - aggiornato il | 4 commenti :
Come configurare il badge del Profilo e della Pagina Brand su Google+.
Pubblicato il 09/02/13 - aggiornato il | 4 commenti :
BadgePlz per installare il widget delle immagini su Instagram.
Pubblicato il 05/12/12 - aggiornato il | 2 commenti :
Come ridimensionare il badge della Pagina Brand su Google Plus.
Pubblicato il 22/11/12 - aggiornato il | 4 commenti :
Badge di Instagram da installare nel blog.
Pubblicato il 04/04/12 - aggiornato il | 11 commenti :
Il pulsante +1 e il Google Plus Badge come widget ufficiali di Blogger.
Pubblicato il 28/12/11 - aggiornato il | 12 commenti :
Come tornare a vedere il pulsante +1 e il badge di Google Plus che erano scomparsi da Blogger.
Sono ormai diversi giorni che in molti blog sono scomparsi il bottoni per condividere su Google+ e il badge della Pagina Business collegata al blog. La cosa strana è che questi elementi non si visualizzano se si apre la pagina con Firefox o con Chrome mentre stranamente funzionano con Internet Explorer 9. C'è poi l'altro aspetto che è molto difficile mettere un secondo bottone per il +1 direttamente in Homepage. Mettendo due pulsanti in genere ne funziona solo uno dei due.
Ho aspettato che il Team di Google Plus risolvesse il problema ma visto che ormai non si tratta più di giorni ma siamo alle settimane ho deciso di darmi da fare per trovare una soluzione soddisfacente. Ho consultato le istruzioni di installazione di Google e seguito alcune discussioni sul Forum per Webmaster ma senza successo. Finalmente dopo diversi tentativi penso di essere riuscito a trovare il bandolo della matassa. Cerco di sintetizzare quello che ho dedotto dai test:
- Quando si installa un pulsante o un badge, Google ti dà sempre anche il codice dello script. Questo però va caricato una sola volta anche se si mettono più badge o bottoni. Il codice asincrono ha ancora diversi problemi specie quello tradotto in italiano stesso discorso per quello in HTML5.
- Inserire un pulsante all'interno del modello non è la stessa cosa che metterlo in un widget di una sidebar e quindi in homepage (almeno per Blogger)
- Google non dice esattamente dove posizionare lo script ma lascia la scelta di inserirlo sopra </head> o nell'area del <body>
Pubblicato il 10/12/11 - aggiornato il | 7 commenti :
Come inserire il badge della Pagina Business, il bottone +1 e il Profilo di Google Plus in Blogger.
Credo di fare cosa gradita nell'unificare tre personalizzazioni tutte relative a Google Plus ma che riguardano aspetti diversi. Se abbiamo inserito questi widget separatamente, c'è la possibilità che alcuni di questi non funzionino perché utilizzano degli script diversi. Google li ha infatti aggiornati più volte. Inoltre è probabile che abbiamo caricato sul modello gli stessi javascript più di una volta appesantendo il template senza che ce ne fosse la necessità.
I tutorial per queste tre personalizzazioni sono rispettivamente in questi tre articoli:
Vediamo come queste tre operazioni possano essere unificate inserendo solo il codice essenziale. Andare su Modello > Modifica HTML > Procedi e cercare la riga </body> e, immediatamente sopra, incollare questo codice
Pubblicato il 10/11/11 - aggiornato il | 7 commenti :
Come inserire il badge delle Pagine di Google+.
Aspettando la funzione che attiverà l'importazione automatica dei feed sulle Pagine Business (o Brand o Google+), ecco che è già disponibile il badge da inserire nel sito per invogliare i visitatori a cliccare sul +1 e a aggiungere la Pagina nelle proprie Cerchie. Il badge soffre ancora di problemi e di qualche malfunzionamento. Infatti se per esempio vado nella Pagina Google+ di questo blog quindi su Inizia > Scarica badge mi dice Page not found.
Ancora poi non c'è grande chiarezza su come ci si debba comportare esattamente. Su Google Operating System si dice per esempio che prima di installare il badge bisogna iscriversi al gruppo Google+ Platform Preview. Alcuni utenti hanno come me lamentato il collegamento non funzionante (dead link) del Profilo della Pagina in questa discussione con Todd Volkert. In ogni caso quello che è certo è che bisogna recarci nella Pagina di configurazione del Badge di Google+. Bisogna poi incollare la seconda parte dell'indirizzo della nostra Pagina su Google Plus e configurare gli altri parametri tra cui la lingua
Pubblicato il 03/07/11 - aggiornato il | 2 commenti :
Pic Badges per creare loghi e badge da aggiungere ai nostri avatar su Facebook, Twitter e Messenger.
Avrete certo visto che alcuni avatar su Twitter e Facebook hanno una piccola immagine aggiuntiva che serve a sostenere una campagna, una causa, un personaggio pubblico o anche semplice marchio pubblicitario. I distintivi da aggiungere alle foto del Profilo sembra che siano stati inventati dagli sviluppatori di Messenger della Microsoft ma, come accade da tempo a quella azienda, poi la cosa è morta lì o quasi. Se si è scaricata l'ultima versione di Windows Live Messenger, per l'inserimento di un logo si va su Personalizza > Cambia logo
Pubblicato il 19/03/11 - aggiornato il | 6 commenti :
Badge di Flickr con un mosaico di foto in HTML o in Flash.
Pubblicato il 21/04/10 - aggiornato il | Nessun commento :
Come inserire i bottoni con contatore di StumbleUpon in un blog su Blogger.
StumbleUpon è un servizio di condivisione molto sofisticato che ho usato per molti mesi, che poi successivamente ho trascurato e che ho riscoperto da poco anche grazie a Google Share Button, un addon per Chrome. Le modalità di inserimento dei nostri articoli nel database di StumbleUpon sono molteplici e passano per un semplice thumb, una review o anche attraverso l'invio di pagine agli amici che abbiamo nel social.
Questo servizio ha anche sviluppato delle API per il facile inserimento di bottoni di condivisione. Già nel post sui bottoni di voto ne avevo inserito uno specifico per StumbleUpon ma adesso è possibile utilizzare quelli ufficiali.
StumbleUpon Buttons fornisce un'ampia gamma di possibili pulsanti
Pubblicato il 07/03/10 - aggiornato il | Nessun commento :
Come mettere nel blog un logo o un badge per la Festa della Donna dell'8 Marzo.
In occasione della Giornata Internazionale della Donna dell'8 Marzo potrebbe essere carino esibire nel blog un logo dedicato all'avvenimento. Questo vale non solo per le donne ma anche, e soprattutto, per i blogger maschi.
Nel sito ufficiale dell'International Women's Day si possono scaricare dei logo dedicati all'avvenimento. Si tratta di semplici immagini che possono essere scaricate con il destro del mouse
Pubblicato il 25/08/09 - aggiornato il | Nessun commento :
Come inserire un badge statico nel blog per farsi seguire su Twitter.
I blog sono sempre più complementari a tutta una serie di social network come Facebook, Twitter, Youtube, ecc; quasi sempre il blogger ha anche degli account in questi servizi per dare la possibilità agli utenti di seguirlo in modi diversi.
Per evidenziare la possibilità di essere aggiornati sugli articoli di un blog su Twitter può essere interessante aggiungere un bottone statico, cioè che non scorre con la pagina, che ha appunto un collegamento a quel social di microblogging. Per prima cosa ci si reca sul sito Go2Web20 Twitter Follow Badge, che è una sezione di Go2Web20, interessante raccolta di applicazioni web con grafica accattivante.
Poi si inseriscono i seguenti dati
- URL del nostro account su Twitter
- Nome dell’etichetta – Follow me, Follow us, My Twitter oppure Follow
- Colore dello sfondo
- Si seleziona se inserirlo sulla sinistra o sulla destra (Left o Right)
- La distanza in pixel dalla parte alta della pagina
Si va su Update Code per ottenere il codice HTML. Si seleziona e si copia il codice generato, quindi si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla come mostrato nei seguenti screenshot
Per terminare si clicca su Salva. Il risultato può essere visto in uno dei miei tanti blog di prova. Nel momento in cui si clicca sopra al bottone si apre la pagina di Twitter che abbiamo messo nel collegamento
Pubblicato il 09/07/09 - aggiornato il | 3 commenti :
Come inserire Google Talk nel blog per chattare con i visitatori in tempo reale.
Google Talk è un servizio di messaggeria istantanea di Google che in passato ha avuto qualche problema che adesso pare risolto; è l’ideale per inserirlo nel blog e avere un contatto in tempo reale con i visitatori.
Bisogna scaricare il software gratuito ed installarlo quindi avremo nel nostro desktop e nella barra in basso un’icona che farà riferimento a questo programma e che funziona più o meno come Messenger permettendoci di comunicare agli altri utenti il nostro stato
Si può scegliere tra Disponibile, Sono al PC ma ho da fare, Occupato e si può personalizzare il messaggio.
Quando si è installato il programma si deve andare nella pagina Google Talk chatback box.
Sarà immediatamente visibile l’anteprima del vostro badge che potete modificare andando su Edit
Si può inserire Titolo, nickname con il quale verranno visualizzati i nostri messaggi e anche lo stile del badge. Cliccando su Update badge le modifiche effettuate saranno immediatamente visibili nell’anteprima in alto.
Non resta che copiare il codice HTML ed inserirlo nel blog andando su Layout > Aggiungi un gadget > HTML/Javascript e incollarlo, quindi Salvare il tutto.
Quando siete online e disponibili e qualcuno cliccherà sul badge riceverete un messaggio di questo tipo in basso a destra del desktop in cui è situata l’icona di Google Talk
Se accetti la conversazione devi cliccarci sopra. I messaggi saranno scambiati in una finestra popup.
Pubblicato il 07/03/09 - aggiornato il | Nessun commento :
Come mettere un badge nel blog per la festa della donna dell’8 Marzo.
Questo sistema può essere utilizzato anche per altre ricorrenze, per promuovere iniziative o per altri avvenimenti.
Si può usare il servizio gratuito Fresh Badge Generator che in modo molto semplice crea questi distintivi con testo e colori personalizzati.
Il primo passo è quello di scegliere la forma (floreale, circolare,ecc.), quindi la larghezza (width), lo spessore dei bordi (Border Thickness), altre personalizzazioni a seconda della forma prescelta come la lunghezza dei denti del badge. Le personalizzazioni vanno fatte in pixel
Si scelgono quindi i colori (in notazione esadecimale), i caratteri, il testo, la dimensione del testo, l’angolo di inserimento. Si può anche rendere il testo trasparente
Ci sono anche altre personalizzazioni che fanno di questo strumento un tool di livello professionale, roba da grafici per intenderci.
Quando si è finito si torna nella parte alta della pagina sulla destra e si clicca su Update/Create Badge Now
Dopo qualche secondo di attesa il Badge è pronto per essere scaricato. Si clicca sul destro del mouse e si sceglie Salva immagine con nome. Sotto il Badge si può scegliere il formato di scarico. Per default è PNG ma c’è la possibilità di avere un’immagine JPG o GIF, basta cliccare nella voce corrispondente.
Per caricarlo nel blog bisogna andare su Layout>Aggiungi un gadget>Foto quindi inserire il Titolo, la didascalia e, eventualmente, mettere un collegamento all’evento che il badge rappresenta