Creare bottoni per il blog con Buttonator.com

Uno degli articoli più letti di questo blog è stato quello su come realizzare una barra di navigazione su Blogger, tanto da essere stato scelto da Google come Sitelink nelle ricerche (nel momento in cui scrivo, cercate creareblog su Google e capirete cosa intendo).

Sebbene ottenere un effetto degno di nota come i bravissimi designer di template non sia per niente facile, molti vi siete cimentati riuscendo in questa impresa e con risultati spesso azzeccatissimi.

Ma fin da subito mi è stato chiesto come utilizzare delle immagini invece dei link. Questo sarà argomento di un prossimo post, ma prima dobbiamo realizzare i pulsanti da usare. Buttonator ci permette di farlo, gratuitamente!

Registrazione al servizio

La registrazione al servizio non è necessaria, tuttavia facendolo avrete accesso a tutti gli stili messi a disposizione dal generatore. La registrazione è gratuita e vi verrà mandata una mail di richiesta di conferma. Per registrarsi basta cliccare in alto a destra su Signup Free, magari utilizzando un account di posta di riserva.

Realizzare il pulsante

Una volta effettuata la registrazione, sarà possibile personalizzare il pulsante attraverso le varie sezioni delle pagina:

- Button preview: da qui potremo modificare la scritta da far comparire sul bottone

- Style: possiamo scegliere lo stile dei pulsanti, scegliendo tra otto diversi stili, alcuni con più pagine. Di solito i generatori di pulsanti online tirano fuori stili orrendi, ma per fortuna non è il caso di Buttonator.

- Properties: qui possiamo scegliere il tipo di carattere, le dimensioni del font e il suo aspetto, e anche le dimensioni del pulsante. Cliccando su Advanced, potremo applicare altri effetti.

- Colour: possiamo scegliere il colore del testo, dello sfondo del bottone e, cliccando su Advanced, il colore del bottone stesso o degli effetti applicati.

- Rollover Preview, Rollover Properties, Rollover Color: si attivano se abbiamo scelto di applicare l’effetto Rollover al pulsante (animazione al passaggio del mouse, si attiva cliccando su Advanced in Properties), e ci permettono di personalizzarlo. Viene generata un’altra immagine che poi tramite JavaScript potremo usare nel blog (spiegherò in dettaglio quando parlerò di come realizzare il menù con le immagini).

 

Le combinazioni sono davvero tante ed è possibile realizzare facilmente dei pulsanti che si adattino allo stile del nostro blog. Questo potrebbe per esempio adattarsi al template che uso ora:

Magari sistemando un po’ carattere e colore. Una volta realizzato il pulsante, è possibile scaricarlo cliccando su “download” nella sezione Button Preview. E’ possibile poi pubblicarlo in rete tramite ImageShack o Skydrive.

Strumento molto completo, e visto che è anche totalmente gratis e non mette pubblicità, non si può chiedere di meglio.

Condividi su Facebook, Twitter o 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!