Creare gli antipixel con Blogflux Button Maker


creare-blogGli antipixel sono quei bottoni, di solito di dimensione 80 x 15, che contengono due parole che spesso vedete in giro nelle pagine web. L'immagine qui a destra dovrebbe rendervi l'idea di cosa sto parlando.

Questo tipo di bottoni ha preso il nome dal blog del loro creatore, Antipixel di Jeremy Hedley, e da quando furono creati hanno letteralmente invaso il web grazie alla loro semplicità e poca occupazione di spazio. Cercando in giro, ho trovato che Andrea Beggi suggerisce che il post in cui furono annunciati per la prima volta sia questo.

Il Button Maker di Blogflux è uno strumento gratuito online che permette facilmente la creazione e personalizzazione degli antipixel.

Andate all'indirizzo http://tools.blogflux.com/buttonmaker/ e nella pagina che vi apparirà ci saranno tutte le opzioni per la creazione del vostro pulsante personalizzato:

 

antipixel1

In Left Block e Right Block possiamo inserire il testo (Text), il colore del testo (Color), il colore di sfondo (Background), l'allineamento del testo (Text Alignment) rispettivamente dell'area a sinistra e di quella a destra.

In Button Options possiamo scegliere il colore del bordo del pulsante (Border Color), il colore di sfondo (Background), l'allineamento della linea che divide le due aree di testo (Divider Alignment) e la dimensione del pulsante (Frame). E' possibile inserire le due dimensioni standard: 80 x 15 o 80 x 31. Una volta fatte le nostre scelte, basta cliccare su Generate Button per generare il nostro antipixel che potremo salvare con Save Image (o cliccando col tasto destro sull'immagine, scegliere "Salva immagine con nome..." o analogo).

Blogflux produce anche il codice html da usare per far sì che cliccando sull'antipixel si venga indirizzati direttamente al loro sito, tuttavia non è richiesto per l'utilizzo del servizio e quindi potete decidere di personalizzare il codice in maniera tale che punti, per esempio, al vostro blog, nel seguente modo:

<a href="INDIRIZZO DEL VOSTRO BLOG">
<img src="INDIRIZZO DELL'IMMAGINE" alt="DESCRIZIONE DEL LINK" style="width:80px;height:15px;border:none;">
</a>

Modificando il codice scritto in rosso con quanto necessario. Da notare che Blogflux non ospita le immagini generate quindi dovrete per forza salvarle e pubblicarle voi stessi.

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

6 commenti:

Anonimo ha detto...

io vi consiglio di usare PixelButton.com, caricare l'immagine su Picasa WebAlbum e poi usare il codice html che c'è nel post "codice html da incollare per farsi linkare...".
Ciao.

Annodel ha detto...

ciao! non riesco ad inserire l'antipixel che ho creato...ho seguito i tuoi consigli ma mi crea solo un link del mio sito senza il l'antipixel.. dove sbaglio secondo te? grazie

Tenebrae ha detto...

ho dato un'occhiata al tuo blog, il codice html che hai usato è sbagliato, prova a toglierlo e ripetere l'operazione da capo, e fammi sapere se risolvi!

Steven ha detto...

FANTASTICO!!!Come sempre...ciaoooo!!!

Christian ha detto...

scusa ma come aggiungi la porzione di testo linguaggio html ???
come fai a fare la finestra tipo la tua
grazie

Andrea ha detto...

Ciao..stessa domanda di christian ..ten??


Prima di lasciare un commento, leggete qui

Posta un commento