Widget degli Articoli Casuali per Blogger.

L'obiettivo di tutti i blogger è quello di far rimanere i navigatori sul proprio sito il più possibile. A tale scopo è opportuno mostrare, già nella parte più visibile della pagina, tutte le risorse e tutte le informazioni che riteniamo possano interessare all'utente. E' quindi opportuno avere ben visibili i gadget degli Ultimi Articoli, degli Ultimi Commenti, dei Post più Popolari, la Pagina Fan su Facebook, ecc. E' molto carino anche il widget degli Ultimi Articoli con Miniature che mostra gli ultimi post anche con un immagine ridimensionata.

Usando lo stesso meccanismo di quest'ultimo gadget si possono mostrare anche dei post casuali che non siano necessariamente gli ultimi. E' una ulteriore opzione offerta al navigatore per cliccarci sopra. La configurazione del widget è semplicissima visto che è sufficiente cliccare su questa icona

e selezionare il blog nel quale vogliamo inserire il widget tra quelli di nostra proprietà. Si clicca su Configura gadget e si compila il modulo che appare nella finestra successiva

Come inserire il widget degli ultimi articoli con miniature in senso verticale.

Ho presentato qualche giorno fa il widget degli ultimi articoli con miniature in orizzontale adesso voglio mostrare l'opzione in verticale che si può inserire per esempio in una sidebar. Non occorre modificare il modello ma basta andare su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollate il seguente codice in Sezioni del sito

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://tinyurl.com/oj827g";
imgr[1] = "http://tinyurl.com/qzptmk";
imgr[2] = "http://tinyurl.com/ok629f";
imgr[3] = "http://tinyurl.com/omglru";
imgr[4] = "http://tinyurl.com/q4wtpo";
showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#191919";
aBold = true;
icon = " ";
text = "commenti";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#333333";
icon2 = " ";
numposts = 5;
home_page = "URL del Blog";
</script>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/postrecenti.js" type="text/javascript"></script>
<a href='http://goo.gl/BsNI' style='display:none;'>Widget degli ultimi articoli con miniature in verticale</a><a href='http://goo.gl/OKeg' style='display:none;'>Idee per computer ed internet</a>

prima però occorre fare le seguenti personalizzazioni.

1. Gli URL del tipo http://tinyurl.com/oj827g rappresentano delle immagini che appariranno nel caso non siano presenti nel post, possono essere cambiate con altre eventualmente più adatte al blog. Se nei post ci saranno immagini saranno queste a essere visualizzate.
2. boxwidth 300 è la larghezza del widget e può essere adattata alla sidebar
3. 8 è la distanza in pixel tra le varie miniature
4. borderColor è il colore del bordo delle celle
5. 40 rappresentano la larghezza e l'altezza delle miniature
6. 12 la dimensione dei caratteri
7. 191919 è il colore del titolo
8. true o false per avere il titolo in grassetto in aBold. Mostrare o no la data in ShowPostDate sempre con true o false
9. 40 e 10 rappresentano il numero dei caratteri del post e la loro dimensione
10. 333333 è il colore del sommario
11. 5 è il numero delle miniature dei post che si vuole mostrare
12. A URL del Blog dobbiamo sostituire l'URL del nostro blog con relativa slash finale 

Dopo avere inserito il codice si digita il titolo che potrebbe essere Ultimi articoli e si Salva come mostrato nello screenshot

Per vedere questo widget all'opera andate in questo post del mio blog di demo.

Il widget degli ultimi articoli con miniature da installare con pochi click.

Per coloro che amano i widget colorati e pieni di immagini è adesso disponibile una versione del gadget degli articoli recenti per blogger da inserire con pochi click come se fosse un widget di quelli che mette a disposizione Blogger.

Andate in Layout > Aggiungi un gadget e nella casella in alto incollate la seguente parola chiave "recent posts with thumbnails"

Cliccate sul pulsante di ricerca o premete Invio; avrete un solo risultato che sarà mostrato nella finestra successiva

Cliccate sul segno più per inserire il widget nel blog. Il gadget dovrà essere personalizzato riempendo i campi e mettendo o togliendo i segni di spunta

 

Le personalizzazioni riguardano

1. Altezza del widget
2. Numero degli articoli da mostrare
3. Mostrare o non mostrare le miniature
4. Mostrare o non mostrare il sommario dei post
5. Numero di caratteri del sommario
6. Mostrare o non mostrare la data
7. Mostrare o non mostrare il numero dei commenti
8. Mostrare o non mostrare il link read more
9. Mostrare o non mostrare un separatore tra i post

Si deve inserire l'URL del blog e cliccare su Aggiorna per vederne l'anteprima in fondo alla finestra. Quando si è terminata la personalizzazione si clicca su Salva, quindi in Layout > Elementi pagina si trascina nella posizione desiderata. Per vedere questo widget in azione guarda questa demo.

Ho presentato altri widget simili quali quegli degli ultimi articoli con miniature e degli articoli recenti con miniature in orizzontale.

Fonte | Allblogtools -

Come trovare immagini simili con Google Ricerca Immagini.

Questa nuova funzionalità messa a punto da Google era già disponibile da qualche giorno nella versione inglese ma, come è mia abitudine, ho aspettato che fosse disponibile anche in italiano per illustrarla.

Se andiamo su Google Immagini e inseriamo una chiave di ricerca ecco che ci vengono presentate le miniature dei risultati che corrispondono alla parola chiave che abbiamo inserito

Sotto alcune miniature è presente il link "Trova Immagini Simili" per visualizzare altre immagini che sono solo leggermente diverse a quella visualizzata. Se proviamo a cliccare sul link della prima miniatura dello screenshot precedente, otteniamo una serie di thumbnails quasi identiche alla prima

tra le quali potremo scegliere quella che fa al caso nostro.

E' veramente una funzionalità interessante che può servire ai blogger nella ricerca delle immagini più adatte per il post sempre tenendo conto del possibile copyright. 

Per trovare immagini liberamente pubblicabili puoi consultare l'articolo

• Trovare immagini senza copyright o con licenza Creative Commons -

Come inserire in un articolo delle miniature di immagini che si espandono al passaggio del mouse.

Premetto che ci sono molti metodi e molti servizi in grado di svolgere questo lavoro. Vi illustro quello che personalmente ritengo il più flessibile ed il più semplice da utilizzare.

Per quale ragione dovremmo inserire delle miniature al posto delle immagini in un post? Ci sono almeno tre ragioni

• Se in un articolo ci sono molte immagini di grandi dimensioni è praticamente impossibile fare in modo di metterle tutte ordinatamente
• Il caricamento della pagina quando sono presenti molte immagini diventa difficoltoso
• Le immagini caricate con l’editor di Blogger o con WLW vanno a finire nella cartella personale di Picasa che non ha una capienza infinita, quindi meglio caricare le grosse foto su Skydrive e mettere delle piccole miniature su Picasa per risparmiare spazio.

Utilizzeremo il comodo servizio offerto da Apture quindi prima di leggere il resto dell’articolo consultate il post del collegamento.

La prima cosa da fare è selezionare le foto da mettere nell’articolo quindi occorre miniaturizzarle utilizzando per esempio lo strumento ResizR che è un’add-on di Firefox ma che può essere utilizzato anche con qualsiasi altro browser andando in questa pagina e selezionando la foto da ridimensionare in locale (il nostro hard-disk) o nel web. Si sceglie quindi la larghezza desiderata (width) e si clicca su ResizR. Per scaricare la miniatura, che può essere orientativamente dai 30 ai 100 pixel, si clicca con il destro del mouse e si sceglie Salva immagine con nome

Il secondo passaggio riguarda l’upload delle immagini in grandezza originale in un servizio di hosting tipo Skydrive dal quale è sempre possibile ottenere l’URL per creare il collegamento. Gli URL di Skydrive sono sempre lunghissimi e possono, volendo, essere accorciati con un servizio tipo TinyURL o is.gd ma non è obbligatorio.

Inserire le miniature nel post con il  sistema che usate di solito. Oltre alle miniature dovete inserire anche un testo di didascalia perché Apture funziona solo con testo selezionato e non selezionando immagini

                                               
Alba nel canyon        Alba sul mare      Tramonto sul mare    Tramonto in Africa

ad ogni didascalia mettete il collegamento all’URL dell’immagine a grandezza naturale presente su Skydrive (o altro hosting).

 quando avete fatto pubblicate il post,  andate sul vostro blog e aprite l’articolo appena postato.

E’ giunto il momento di aprire l’editor di Apture. Di default si clicca sulla lettera “e” ma può essere scelto anche un altro tasto. Per mostrare come si fa ho usato un mio blog di supporto dal quale provengono gli screenshot.

Quando in alto a destra del blog è visibile l’editor di Apture possiamo procedere a selezionare il testo delle singole didascalie

Potremmo fare molte cose ma in questa sede ci basta di cliccare su Preview nella prima finestra, quindi inserire il titolo dell’immagine ed eventuale descrizione, infine cliccare su Link this Item.

Questa operazione va fatta per tutte le miniature presenti nel post.

Si possono anche aggiungere dei media collegati. In questo caso ho aggiunto altre  foto attinenti con i titoli che ho dato ma potremmo inserire anche video o documenti o articoli di blog, ecc.

Per poter aggiungere degli altri elementi va cliccato su Add Related Media

 
Selezionare il tipo di media e la sorgente da cui attingere (Flickr, Wikipedia, ecc) quindi cliccare sull’elemento prescelto

Controllare l’anteprima, eventualmente aggiungere o cambiare titolo e descrizione, infine andare su Link this item come al solito

In questi casi va considerata anche l’esistenza di un possibile copyright. Al termine bisogna disabilitare Apture cliccando su Disable ed il pulsante passerà dal verde al rosso

quindi chiudere andando sull’icona in alto a destra.

A sinistra delle didascalie delle miniature verrà visualizzata una piccola icona a forma di macchina fotografica che informerà il visitatore dell’esistenza di link a delle immagini

 
nel momento in cui si punterà con il mouse sul collegamento si aprirà una finestra con l’immagine a grandezza naturale, questo senza lasciare assolutamente il nostro blog.

Utilizzando questa feature si può addirittura creare una galleria di foto in una sola pagina del blog che magari può essere messa all’interno con un collegamento in homepage.

Come ricavare delle miniature (thumbnails) da dei video di tutti i formati.

Video Thumbnails Maker è un piccolo programma che può essere scaricato da questo link su Rapidshare e che consente di creare automaticamente delle miniature multiple o thumbnails (unghie di pollice).

Dopo aver scaricato il programma in formato zip e averlo installato basta aprire un video cliccando su Add File, in alternativa possiamo caricare un’intera cartella andando su Add Folder

 

Successivamente dobbiamo selezionare la cartella in cui finiranno le miniature in Output Folder e scegliere tra le opzioni di avere tutte le miniature in uno stesso file o di avere un file per ogni miniatura.

Nella seconda ipotesi ecco come si presenta il file generato

Possiamo quindi scegliere  la miniatura tra quelle proposte. Ci sono una quantità incredibile di personalizzazioni che possono essere settate andando su Options

 

 Tra l’altro si può scegliere un colore o un’immagine come sfondo, aggiungere degli watermark, scegliere il layout delle miniature e altri effetti.

I formati video supportati sono quelli visibili in questo ultimo screenshot 

Fonte | Addictivetips -