Visualizzazione post con etichetta badge. Mostra tutti i post
Visualizzazione post con etichetta badge. Mostra tutti i post

Pubblicato il 13/06/15 - aggiornato il  | 2 commenti :

Come inserire nel blog un badge fisso con link.

Avete un sito che tratta di nutrizione o di cucina e volete in qualche modo cavalcare l'onda lunga della Expo di Milano? Sei una fashion blogger e sei interessata a pubblicizzare l'evento incontro di Firenze con le colleghe? Vuoi sensibilizzare i tuoi lettori a una campagna sociale o politica? Vuoi nel tuo sito ricordare un importante anniversario o un personaggio pubblico? Vuoi semplicemente condividere con i tuoi lettori delle ricorrenze come le Feste Natalizie, Ferragosto o San Valentino? Vuoi pubblicizzare un ebook scritto da te o da altri? Vuoi ricordare ai tuoi lettori la Festa della Mamma o la Giornata Mondiale dell'Ambiente? Avete un blog di calcio e volete celebrare la conquista di un "Titulo" dalla vostra squadra del cuore oppure avete un sito di sport e volete festeggiare la vittoria di una medaglia in una disciplina olimpica?

Tutte queste esigenze hanno bisogno di una adeguata pubblicità. Il modo solito con cui il blogger si approccia a queste tematiche è quello di inserire nella sidebar un gadget o una immagine che mostri appunto la campagna pubblicitaria. Sulla falsariga della personalizzazione che creai in occasione del 150-esimo anniversario della Unità d'Italia vediamo come sia molto semplice creare un badge da posizionare nel layout del nostro sito in modo fisso o fluttuante.  Si può per esempio creare una immagine relativa alla campagna da pubblicizzare con un link a un post del nostro sito o anche a una pagina esterna. Tale immagine può essere visualizzata in modo permanente cioè che rimanga nella stessa posizione allo scroll della pagina oppure che sia ancorata a un punto della stessa e che quindi scompaia quando si scrolla la pagina verso il basso.


Pubblicato il 26/09/13 - aggiornato il  | 4 commenti :

Come configurare il badge del Profilo e della Pagina Brand su Google+.

Se possedete un sito web avrete certamente installato anche il bottone per la condivisione dei post su Google Plus. Probabilmente avrete anche creato una pagina brand per fare da supporto al sito così come avviene per le pagine fan di Facebook. Nella piattaforma Blogger ci sono anche dei widget ufficiali al riguardo. Google sta cambiando qualcosa nel codice dei bottoni e dei badge e molti di voi avranno ricevuto delle email in tal senso. Se i vostri gadget sono quelli ufficiali di Blogger potete anche attendere gli eventi. Tra 30 giorni verrà anche modificato il design di badge e bottoni e il cambio dovrebbe tener conto delle dimensioni che erano state configurate in precedenza. Google consiglia comunque di aggiornare il badge prima di questa data in base alle nostre specifiche esigenze.


Pubblicato il 09/02/13 - aggiornato il  | 4 commenti :

BadgePlz per installare il widget delle immagini su Instagram.

Instagram è una delle applicazioni più usate dagli utenti di smartphone perché consente di condividere degli scatti in modo immediato, oltre che sui server di Instagram, anche su social quali Twitter e Facebook. Recentemente è scoppiata una vera battaglia su foto e video condivisi tramite social network. Le ostilità sono state iniziate da Twitter che ha impedito ai suoi utenti di visualizzare le immagini di Instagram presenti nei tweet direttamente nella Timeline. Ha inoltre aggiornato la sua applicazione mobile per aggiungere i filtri della società Aviary appena acquisita senza usare funzionalità di terze parti. Il team di Instagram ha subito risposto creando InstaTwit una estensione per Chrome che permettesse agli utenti di continuare a visualizzare le foto anche su Twitter.

Le cose sono poi continuate con l'implementazione di Vine per postare video di 6 secondi su Twitter. Tale applicazione è per il momento disponibile solo per IPhone e non ancora per Android. E' notizia di pochi giorni fa che Instagram non è più solo una applicazione ma che è diventata un sito web a tutti gli effetti che può essere aperto e navigato con i normali browser desktop.



Pubblicato il 05/12/12 - aggiornato il  | 2 commenti :

Come ridimensionare il badge della Pagina Brand su Google Plus.

Da pochi giorni si può installare su Blogger il widget dei Followers su Google Plus. Tale gadget può essere inserito anche su siti Wordpress e anche in quei blog su Blogger che non abbiano unificato i due Profili di Blogger e Google plus.

E' naturale inserire questo widget accanto a quello della Pagina Business o Brand. Sia il Gadget dei Followers inserito in modo nativo, sia il badge della pagina brand non hanno un codice con cui si possano personalizzare le dimensioni. Il risultato è che il badge della Pagina Business è sensibilmente più largo di quello dei followers. Vediamo come diminuire la larghezza del widget della pagina business per adattarlo a quella dell'altro gadget.


Pubblicato il 22/11/12 - aggiornato il  | 4 commenti :

Badge di Instagram da installare nel blog.

Da qualche giorno Instagram non è più soltanto una applicazione per Android e IPhone ma è anche un sito per visualizzare con un computer desktop le immagini delle persone che si seguono in cui si può anche editare il nostro Profilo senza bisogno di aprire il cellulare.

Ciascun profilo può anche essere visto sul PC anche senza esserci loggati con le nostre credenziali a Instagram (vedi quello di Parsifal32). Dopo l'accesso possiamo selezionare nella colonna di sinistra Il nostro account, Modifica Profilo, Cambia password, Gestisci applicazioni, Badges e Esci.

In questa sede ci interessa soprattutto la sezione Badges con cui configurare dei widget da incollare nel blog. Dopo averci cliccato sopra si seleziona il tipo di badge da incollare nel sito tra diverse opzioni



Pubblicato il 04/04/12 - aggiornato il  | 11 commenti :

Il pulsante +1 e il Google Plus Badge come widget ufficiali di Blogger.

E' ormai una tradizione quella che, dopo esserci scervellati per trovare il codice di un widget, ecco che Blogger presenta il gadget ufficiale direttamente installabile con un semplice click.

La notizia arriva come al solito da Blogger Buzz che annuncia come da oggi siano disponibili i widget del pulsante +1 per esprimere il gradimento per una pagina e il Badge Google Plus che aiuta a connettersi con amici, fan e clienti. L'aspetto dei widget è sostanzialmente diverso se si usano i template a Visualizzazione Dinamica rispetto ai normali modelli.

Per installare il secondo gadget bisogna procurarsi l'ID del nostro Profilo o quello della nostra Pagina Business. Per l'ID del Profilo accedete al vostro Profilo Personale e copiate il numero che vedete nella barra degli indirizzi. Se ancora non avete creato delle Pagine Brand, potete iniziare adesso andando su Google+ Page. L'ID sarà comunque sempre visualizzato nell'indirizzo del browser



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:

  1. 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.
  2. 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)
  3. 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

cambiare logo messenger 



Pubblicato il 19/03/11 - aggiornato il  | 6 commenti :

Badge di Flickr con un mosaico di foto in HTML o in Flash.

Non sono un grande frequentatore di Flickr ma se vi si postano delle foto si possono creare dei widget piuttosto interessanti. Per poter prelevare il codice da incollare nel blog occorre essere registrati e essere loggati in questo servizio. Accedete alla pagina dei badge di Flickr; ce ne sono a disposizione due. Il primo è un widget HTML mentre il secondo è in Flash e quindi molto più suggestivo. Per inserire quest'ultimo si mette la flag su A Flash Badge e si clicca su Next: Chose Content.


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

  1. URL del nostro account su Twitter
  2. Nome dell’etichetta – Follow me, Follow us, My Twitter oppure Follow
  3. Colore dello sfondo
  4. Si seleziona se inserirlo sulla sinistra o sulla destra (Left o Right)
  5. La distanza in pixel dalla parte alta della pagina

twitter-badge

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

 twitter-badge                  elemento-pagina

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

 

TWITTER-BADGE



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

image

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

badge-google-talk

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

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

image

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

 image

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

image

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

image