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

Blogger supporta il caricamento di immagini in formato gif, ma una volta depositate sul server l'effetto di animazione viene perduto.
La soluzione per inserire gif animate nei nostri post è quella di usare un servizio diverso per ospitare le nostre immagini. Sul web ne esistono moltissimi, spesso sono gratuiti e alcuni di questi sono davvero molto validi.
Per ricordarne qualcuno potremmo citare Photobucket, ImageShack, Tinypic o il celeberrimo Flickr.

http://imgur.com/

Tutti questi servizi richiedono però una registrazione prima di poter inviare i nostri file. Con Imgur (che si autoproclama il più semplice servizio di image sharing del web) possiamo iniziare a caricare le nostre immagini (gif animate e non) senza alcun login e pubblicarle immediatamente con il link che ci verrà fornito.

E ora eccovi un esempio (spero che i Simpson vi piacciano!)



Per sapere tutto del servizio vi consiglio di leggere le FAQ.
Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

La qualità media dei template per Blogger/Blogspot è cresciuta moltissimo nell'ultimo anno. In questo post passeremo in rassegna 10 formidabili template da scaricare gratuitamente.

1. Art Template

Convertito per Blogger da Gosu di FoolBlogger.com, il design ricorda un album di fotografie e ritagli. Interessanti la barra di navigazione orizzontale, immediatamente sotto l'header, e la ricerca integrata..

Il tema originale è stato creato da EzWpThemes per Wordpress.

demo | download

2. Water Color

Template a due colonne derivato anche in questo caso da un tema per Wordpress. Un tema acquerellato che integra Flickr nel footer. Originale il modo di mostrare la data di ciascun post.

demo | download

3. Magazeen

Magazeen è il prodotto di un'altra conversione di un tema gratuito per Wordpress creato per Smashing Magazine.

Notevole l'attenzione dedicata alla scelta dei colori. Sotto la testata il tema integra un photostream Flickr, mentre il numero dei commenti è mostrato per ciascun post con un deciso contrasto.

demo | download

4. Black Magic

Un template decisamente dark, anche in questo caso il lavoro originale è stato commissionato da Smashing Magazine. Il tema originale è stato disegnato da Gopal Raju.

demo | download

5. Zinmag Tribune

Zinmag Tribune è un tema decisamente elaborato, in stile Magazine, creato da Jinsona Design. Quasi tutte le funzionalità sono state portata dalla versione per Wordpress a quella per Blogger grazie al lavoto di Falcon Hive, che, immaginiamo, deve essere stato parecchio...

demo | download

6. Infinity for Blogger



Un altro tema creato originariamente per Smashing Magazine.

La sidebar supporta pienamente le widget e le immagini nella home funzionano come link ai singoli post. Inoltre, è presente la classica barra di navigazione orizzontale e c'è anche un comodo bottone per sottoscrivere i feed RSS.

demo | download

7. Craftwork

Un altro template in stile "scrapbook". Creato da WP Themes, questo tema è stato convertito per Blogger da Blogger FAQs.

demo | download

8. Dark Forest



Dark Forest è un lavoro di RayCreations. Un layout a due colonne con un design d'effetto, particolarmente adatto a creativi e fotografi.

demo | download

9. Vintage Paper



Un design semplice impreziosito da un bellissimo sfondo. L'autrice originale è Ophelia Nicholson, questo tema potrebbe essere particolarmente adatto a scrittori in erba o a blog di carattere religioso.

demo | download

10. Notebook



Un altra creazione di RayCreations, un design grunge curatissimo in ogni dettaglio.

demo | download


Via | BloggingTips

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

In passato vi ho presentato Handycons, una straordinaria collezione di icone social che sembrano dipinte a mano. Al set ne sono state aggiunte altre 20, fra cui quelle per Gmail, Flickr, Skype, Paypal, Twitter, Facebook e molte altre. Le icone sono disponibili in quatto formati differenti ed è quasi inutile aggiungere che sono belle come le prime...

Handycons2

Le potete scaricare da qui.

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

venerdì 20 marzo 2009

Lightbox 2.04 per Blogger

Lightbox è sicuramente uno dei effetti javascript che hanno riscosso più successo negli ultimi anni, molto probabilmente vi ci sarete imbattuti più volte. Le immagini vengono aperte in primo piano mentre la pagina in cui sono linkate resta in ombra sullo sfondo.
Per vederlo all'opera potete dare un'occhiata a questo esempio primaverile (cliccate sulla foto).



Ecco le istruzioni per integrare Lightbox 2.04 nel nostro blog.

Modificare il template

1. Andare in Layout ▶ Modifica HTML
2. Come sempre è bene creare un backup del template prima di modificarlo, clicchiamo quindi su Scarica modello completo.
3. Cerchiamo il tag </head> e immediatamente sopra copiamo questo frammento di codice
<link href="http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/prototype.js" type="text/javascript"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"/>
<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/lightbox.js" type="text/javascript"/>
Come nell'immagine seguente


Applicare l'effetto

1. Creiamo un post di prova e carichiamo un'immagine normalmente
2. Quando l'immagine è stata caricata, apriamo il nostro post in Modifica Html



3. Sostituiamo la prima parte sottolineata con la stringa rel="lightbox". La seconda parte s1600-h deve invece diventare s1600. Ecco un'immagine del risultato che dobbiamo ottenere.



4. Pubblichiamo il nostro post e verifichiamo che tutto funzioni

Rifiniture

Con Lightbox possiamo mostrare le immagini in sequenza (slideshow) molto semplicemente, invece del semplice rel="lightbox" dovremo scrivere per ciascuna immagine rel="lightbox[nomesequenza]" con il nome che abbiamo scelto tra parentesi quadre.
Se invece vogliamo visualizzare un titolo per le nostre immagini dobbiamo usare una stringa simile a questa rel="lightbox" title="Titolo di prova".

Considerazioni finali e link

Personalmente trovo l'effetto molto piacevole, ma non è detto che si adatti bene a qualsiasi blog. Un'altra considerazione da fare è che qualsiasi aggiunta di codice al nostro sito comporterà un, più o meno sensibile, rallentamento nel caricamento delle pagine.

Il sito ufficiale di Lighbox 2 è questo.

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

mercoledì 10 dicembre 2008

10 splendidi (e gratuiti) font natalizi

1. St. Nicholas
St. Nicholas è un elegante font natalizio:


Download St. Nicholas


2. Grinched Regular
Grinched Regular disegnato da Dennis Ludlow e gratuito solo per usi non commerciali.


Download Grinched Regular


3. Porcelain
Porcelain è stato creato da Eduardo Recife.


Download Porcelain


4. Snowballs
Snowballs è un font divertente, perfetto per titoli o header:


Download Snowballs


5. Christmas on crack
Creato da Parallax. Gratuito per uso non commerciale:


Download Christmas on crack


6. Body MF Holly!
Font a mano libera creato da Richard William Mueller. Per maggior informazioni potete visitare il suo website.


Download Bodie MF Holly


7. Alaskan Nights
Alaskan Nights è un classico font natalizio, gratuito per uso personale:


Download Alaskan Nights


8. Holly Handwritten
Holly è un font a mano libera che richiame la forma delle foglie di agrifoglio.


Download Holly Handwritten


9. Frosty
Frosty è una creazione di Fontalicious. Totalmente gratuito, qualsiasi uso si scelga di farne:



Download Frosty


10. Humbug
Humbug font"bold", utile per creare elementi di testo importanti come titoli o header:


Download Humbug


Via | Woork

Uno dei modi migliori per migliorare la qualità del nostro blog è sicuramente quello di arricchire i nostri con immagini ben scelte. Ecco una selezione di risorse dove reperire gratuitamente foto di grande qualità:

Stock Xchng

Un'enorme selezione di ottime foto che possono essere utilizzate liberamente per uso non commerciale. Per utilizzare al meglio il sito è necessario registrarsi gratuitamente.

Picfindr

Qui potete trovare immagini royalty-free riusabili anche per fini commerciali!
Il sito è ancora in sviluppo, quindi in qualche occasione potrebbero esserci dei malfunzionamenti.



Stockvault

Questo sito offre un'ottima selezione di immagini riutilizzabili sui nostri siti amatoriali (per i siti commerciali esistono restrizioni). Per scaricare le immagini non è necessario registrarsi, ma facendolo si accede a funzionalità avanzate riservate ai soli membri.


Every Stock Photo

Milioni di foto royalty-free. Se l'immagine che cercate non è qui, è probabile che non ci sia da nessuna parte.

Per ciascuna foto potete leggere chiaramente la licenza d'uso. Molte delle immagini richiedono soltanto l'attribuzione (l'autore vuole in sostanza essere riconosciuto come tale e citato).

La maggior parte delle foto proviene dalla sezione Creative Commons di Flickr.

PicApp

Picapp offre la possibiiltà di inserire immagini di grande qualità nei nostri articoli. Le foto provengono dagli archivi di Getty Images, Jupiter Images, Corbis ma sono disponibili gratuitamente poiché il sito si finanzia con la pubblicità.




DeviantART

La più grande comunità di artisti del web, alcuni dei quali propongono una parte del loro lavoro gratuitamente.
In ogni prestate sempre molta attenzione alla licenza della singola foto che intendete riutilizzare.

Free Foto

Sito ben organizzato che propone immagini di buona qualità gratuitamente, l'unico limite sono le dimensioni (limite molto relativo se intendiamo utilizzarle per i nostri siti/blog).
Le foto sono organizzate in un'alberatura per categorie facilmente navigabile.




Via | BLOGGINGTIPS

martedì 28 ottobre 2008

Bellissimo set di icone per Halloween

Halloween si avvicina e per l'occasione Smashing Magazine ci regala un bellissimo set di icone in tema. In totale sono 14 e sono state create da Pien Duijverman, un grafico olandese.
Queste icone possono essere utilizzate liberamente in template, software, servizi online.


giovedì 9 ottobre 2008

I 130 font più belli di sempre

C'è solo l'imbarazzo della scelta: 130 font, i migliori di sempre a detta di chi ha creato la raccolta, raggruppati in un unico archivio. Da scaricare e provare immediatamente...magari per creare un nuovo header per il nostro blog...


Dagli sviluppatori di Yahoo! smush.it, un'utile applicazione web per tenere sotto controllo il "peso" delle nostre immagini.
Ridurre la dimensione delle immagini è utile per avere pagine che si caricano più velocemente e per risparmiare spazio su Picasaweb: il posto dove vengono conservate di default le immagini che carichiamo su Blogger.

ll funzionamento è molto semplice: si possono inviare le immagini cliccando su "Uploader" (al termine del processo di ottimizzazione ci verrà fornito un comodo file zip) oppure si può installare l'addon per Firefox.

Dulcis in fundo il servizio non richiede nessuna registrazione.

mercoledì 24 settembre 2008

10 splendidi font per disegnare il nostro Logo

Un'altra meravigliosa selezione di font dal blog di Woork. Questi caratteri sono particolarmente indicati per creare Loghi ad effetto.

1. Unit Rounded Bold
(download)




2. Helvetica Neue (download)




3. Qlassik (download)




4. Punk's not dead (download)





5. Chica Monospace (download)




6. Kyra Lynn (download)





7. Nicotine (download)





8. Light Out (download)





9. Anja Eliane (download)





10. Danube (download)




via | Woork

1. King (download)


2. 39 Smooth (download)



3. Underwood 1913 (download)



4. Type-RA (download)



5. Last Words (download)



6. F25 Executive (download)



7. Telegraphem (download)



8. Another Typewriter (download)



9. Stalker (download)



10. XBand Rough (download)



via | Woork

Clicky Web Analytics