Pubblicato il 31/10/09 - aggiornato il  | 25 commenti :

Come inserire una immagine anche animata per separare gli articoli in un blog su Blogger.

Prima di leggere l'articolo date uno sguardo al blog Effetto Sfoglia Pagina che ho usato come cavia per inserire questa personalizzazione. Come vedete alla fine di ciascun post c'è un'immagine di divisione, nella fattispecie una rosa sanguinante
effetto_sfoglia_pagina
Per fare in modo che nel vostro blog tra un post e l'altro possa essere inserita una qualsiasi immagine dovete andare su Layout > Modifica HTML e salvare il modello completo. Pigiando F3 o Ctrl+F, cercate la riga con .post che indicherà l'inizio del CSS che definisce lo stile del post. Il blocco di codice potrà essere più o meno di questo tipo
.post {   margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
dove le parentesi graffe evidenziate di rosso rappresentano l'inizio e la fine della definizione dello stile. Per aggiungere l'immagine separatrice tra i vari post che si vedrà, non solo in Homepage, ma anche alla fine di tutti gli articoli, dovete inserire questo codice
background: url(URL_Immagine);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

dove al posto di URL_Immagine si deve sostituire l'indirizzo dell'immagine caricata su un hosting e il valore 2.5 dovrà essere personalizzato per fare in modo che l'immagine non interferisca con il resto del post. Si possono scegliere valori indicativamente tra 1.5 e 6.5 in ogni caso dipende unicamente dal vostro modello. Occorre fare delle prove per trovare il numero giusto da inserire.
Lo stile del post diviene così una cosa di questo tipo

.post {   margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkl2wB7MC1d-LaXqVK-AVEfdBLmRVrIiE7Ts5domwuLXfmr7av4nvUZzuAgGLFUCrHlKpf7hEaG3fAPl-kkDWeYf2bHABPs_BvlUi57mJlbe1rAExNhYUDRoh8XjEsCjJVGCFTbWKa_Omi/s1600/bloodrose.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:6.5em;
  }
dove la parte in rosso è quella che è stata aggiunta al template che alla fine dovrà essere salvato. Da notare che dopo la parte in rosso dovrà esserci la parentesi graffa di chiusura, indicata in grassetto.
Inserisco qui di seguito delle immagini che possono essere utilizzate come divisori dei post. Cliccando sopra a ciascuna di esse se ne può acquisire l'URL andando nella barra degli indirizzi come mostrato nello screenshot

image

Le immagini sono state prese da AllBlogTools

 















 Al posto delle immagini proposte possono anche essere inserite delle immagini a piacere. E' sufficiente caricarle su un hosting, acquisirne l'indirizzo e inserirlo al posto di URL_Immagine nel codice precedente.
P.S. Ho sostituito la rosa sanguinante con dei cuoricini lampeggianti che sono decisamente più allegri.
Fonte | Add a Post Divider (Separator) Between Blogger (Blogspot) Posts -


SeeNow per creare fotomontaggi divertenti con la nostra faccia.

SeeNow è un altro sito che offre un servizio gratuito per realizzare fotomontaggi o meglio per inserire un volto, non necessariamente il nostro, in una serie di modelli già predisposti. E' multilingue con la presenza anche dell'italiano e c'è pure una sezione dedicata ad Halloween che può essere utilizzata proprio in questo giorno

seenow

I modelli a disposizione sono centinaia e si possono comodamente cercare nelle schede da sfogliare nella parte alta. Non vi fate ingannare dal quel Get it Now che è solo pubblicità. Arrivati nella scheda preferita si seleziona il template che più ci piace per il fotomontaggio. Abbiamo la possibilità di caricare la foto dall'hard-disk cliccando su Sfoglia oppure da internet incollandone l'URL

caricare_foto

Esiste un sistema automatico che inserisce il volto all'interno del template, si può comunque aggiustare come si vuole attraverso il mouse. Appena compiuta questa operazione si clicca in basso a destra su Finire ed Inviare.

L'immagine ottenuta può essere inviata agli amici, se ne può acquisire l'URL, può essere stampata su delle magliette, bicchieri o adesivi, può essere condivisa su Facebook, Twitter, MySpace e altri social.

Andandoci sopra con il destro del mouse si può scaricare come una qualsiasi foto selezionando Salva Immagini con nome. L'immagine avrà un watermark in basso a sinistra che però volendo può essere tolto attraverso il programma Inpaint. Ecco Elisa Isoardi nei panni della diavoletta di Halloween, che si può ingrandire puntandoci sopra il mouse  e utilizzando l'effetto Expando 

elisa_isoardi_diavoletta

 

Altri servizi per fotomontaggi divertenti sono Photofunia, LoonaPix, FunFacer e AmigoXAmigo.



My Halloween è un sito in cui puoi trovare tutto su Halloween dai video alle decorazioni, dai costumi alla musica, dal trucco alle ricette.

Non ho mai amato la festa di Halloween perché non fa parte della nostra cultura e risale ad usanze celtiche che ci sono estranee. Sta però sempre più prendendo piede soprattutto nei giovanissimi che vi trovano una specie di anticipo di Carnevale sia pure in chiave mostruosa anche se giocosa.

My Halloween è un sito italiano in cui si può trovare quasi tutto quello che può servire per questa festività

my_halloween

Il sito è diviso in sezioni nelle quali si possono trovare

  1. Costumi e maschere - che contiene tutorial per realizzare dei costumi, delle maschere, per truccarsi da diavoletta, per avere il make-up adatto o per creare un costume ispirato a Michael Jackson che quest'anno va molto di moda
  2. Decorazioni - con tutorial per creare la classica zucca, altri giochi per bambini, disegni da colorare, idee per la tavola, ecc
  3. Halloween oggi e l'evoluzione di Halloween che sono sezioni di informazioni
  4. La Zucca - con i trucchi per intagliarla
  5. Musica - per le colonne sonore per la notte delle streghe
  6. Ricette di Halloween - con ricette spettrali e divertenti tra le quali ricordo: ossa di meringa, muffin fantasmi, mummie di sfoglia, zucca al forno, teschi e fantasmi di cioccolato bianco (Sono ricette vere e presumo anche buone ma con aspetto horror)
  7. Tradizioni e Storie - ripercorre le tradizioni della festa che è molto sentita soprattutto in USA e Canada
  8. Video - Raccolta di video sul tema

Vi propongo la "Zucca Magica"

Avevo già trattato l'argomento Halloween dal lato immagini animate e glitterate.



Il Grande Fratello 10 o il Reality di Lele Mora Vite Spiate?

Ho già manifestato delle perplessità sulla legalità di riproporre in una televisione P2P lo streaming della diretta del Grande Fratello 10 preso presumibilmente da Mediaset Premium che ha l'esclusiva dell'avvenimento.
Per il futuro i grandi network televisivi sembra si stiano attrezzando per vendere le loro programmazioni anche in internet. Ci saranno quindi più negoziazioni di diritti. Prendiamo quelli del calcio che possono adesso essere ceduti alla televisione generalista per quanto riguarda i primi highlights delle partite (90° minuto) ed il collegamento con i campi (Quelli che il calcio), alle piattaforme su digitale terrestre che consentono il pay-per-view (Meidaset Premium e Dahlia TV), a quelle su satellite sempre per il pay-per-view (Sky), in futuro ci saranno dei pacchetti per vedere le partite collegandosi alla rete e che saranno ceduti al miglior offerente. Probabilmente questo succederà anche con gli show.
Il Grande Fratello alternativo in rete, di cui è direttore artistico Lele Mora, e che ha preso il nome di Vite Spiate non sembra decollare o forse decolla anche troppo; fatto sta che non sono mai riuscito a collegarmi con il sito per vedere lo streaming dalle 4 location anche se sono presenti degli screenshot dei protagonisti.



    Pubblicato il 30/10/09 - aggiornato il  | 4 commenti :

    Create a Gif per generare immagini animate in formato GIF da inserire nel blog.

    Cosa sarebbero i siti senza immagini animate, video o oggetti in flash? Si ritornerebbe indietro di dieci anni quando il web era prevalentemente testuale perché le connessioni erano quasi tutte in dial-up a 56Kb/s.

    Le immagini in GIF sono state le prime ad intaccare la monotonia delle pagine web e a portare movimento in quelle che erano oggetti prevalentemente statici.

    Ho già parlato di tool online in grado di generare immagini animate, ricordo Make a Gif, GIFup, Gif Creator, Loogix, Gickr e ne ho certamente dimenticati qualcuno.

    Create a Gif è un altro servizio gratuito per creare immagini animate in formato GIF

    createAgif

    Il servizio funziona in modo decisamente intuitivo. E' sufficiente cliccare su Sfoglia per caricare le immagini dal nostro computer quindi

    1. Si sceglie la dimensione tra 100px, 120px, 300px (quella di default) e 450px
    2. Si seleziona la velocità tra Fast (veloce), Normal, Slow (lenta) e Nice slideshow (lentissima - 3 secondi tra un'immagine e l'altra)
    3. Si clicca su Create

    Vengono presentate le opzioni di condivisione nei vari social e la possibilità di inserire il codice HTML nel blog

    create_a_gif

    Considerato che si tratta pur sempre di una immagine è consigliabile scaricarla direttamente con il destro del mouse e scegliere Salva immagine con nome.

    Per postarla nel blog si deve caricare nel web in un servizio tipo SkyDrive. Ho utilizzato il nuovissimo metodo illustrato in un articolo precedente che utilizza SkyDrive Explorer ed ecco il modesto risultato

    miss_italia



    AdSense per i feed è da adesso direttamente installabile dalla Bacheca di Blogger.

    Personalmente sconsiglio di usare le opzioni automatiche offerte da Blogger per l'inserimento della pubblicità di Adsense in quanto hanno la fortissima controindicazione di andare a interagire con tutti i blog dell'account.

    Non so se riusciranno a fare in modo che questo non avvenga ma, per il momento, mi sembra proprio di no. L'inserimento di Adsense con questo meccanismo si effettua andando su Guadagna > Guadagna con Adsense, mettendo il segno di spunta sul tipo di inserimento desiderato e cliccando su Avanti, in fondo alla pagina

    image

    Da oggi è presente la nuova scheda Adsense per i feed che inserisce la pubblicità dentro i feed del blog o anche nelle newsletter. Selezionando quella scheda effettuerai un re-indirizzamento del tuo feed da Blogger (o FeedBurner) a Google Adsense che inserirà gli annunci prima di inviare i feed ai tuoi readers.

    Per la mia esperienza personale consiglio di

    1. Inserire la pubblicità direttamente nel modello seguendo le indicazioni di questo elenco di articoli su come guadagnare con un blog -
    2. Inserire la pubblicità nei feed sono se questi sono almeno qualche decina, visto che le mie entrate per quel tipo di pubblicità sono molto basse e di reader ne ho attualmente circa 500.


    Skydrive Explorer per gestire lo spazio di Skydrive direttamente da Esplora Risorse.

    Ho spesso parlato di SkyDrive come dell'hosting gratuito più capiente e più efficiente con l'unica limitazione di non funzionare se si caricano dei file Javascript. Assodato che per questi ultimi tipi di file si può comunque usare MyDataNest, SigMirror o DropBox, è adesso possibile gestire i 25GB di spazio di SkyDrive direttamente da Esplora Risorse del PC.

    SkyDrive Explorer è un software sviluppato al di fuori della Microsoft che permette di organizzare i nostri file e le nostre cartelle su detto spazio direttamente dal desktop senza aprire il browser

    Il programma funziona in Windows XP, Windows Vista, Server 2003, 2008 e Windows 7. Dopo l'installazione apparirà una nuova icona in Esplora Risorse (o Risorse del Computer)

    image

    Se ci si fa doppio click appare la schermata per accedere a SkyDrive. Tutti coloro che hanno un ID di tipo mionome@live.it hanno automaticamente anche uno loro spazio di 25GB che farebbero bene a sfruttare,se già non lo fanno. Si inseriscono i dati per l'accesso

    skydrive_explorer

    e si clicca su Sign in. Potremo quindi gestire direttamente le nostre cartelle e i nostri file senza aprire il browser, come se SkyDrive fosse una chiavetta USB, un disco inserito nel lettore CD o nel floppy (per coloro che ce lo hanno ancora)

    image

    Se si vuole rinominare, copiare o spostare una cartella o un file, può essere fatto con il drag & drop oppure andando su Modifica > Copia o Sposta nella cartella

                    skydrive_explorer                         skydrive_explorer

    Si possono anche creare collegamenti in Esplora risorse a singoli file di Skydrive. Il protocollo di trasferimento file ( HTTPS) è lo stesso di quando si  caricavano attraverso il browser; c'è la limitazione di 50MB per la dimensione massima di un singolo file da caricare.

    Si può ovviare all'inconveniente usando GSplit oppure Hi-Split File. Un difetto del programma è che non sono riuscito a trovare un modo per risalire all'URL di un file caricato su SkyDrive attraverso la visualizzazione da desktop; sarà quindi sempre necessario entrare nel nostro account classico per poter acquisire gli URL dei file da inserire negli articoli o nel modello del blog.



    Masher per creare video mischiando videoclip, foto e musica.

    Se possedete un OS Windows le possibilità che avete per creare video partendo da spezzoni di filmato, foto o immagini, brani musicali che stanno nel vostro hard-disk sono molte. Si va dal programma un po' datato ma sempre valido che è Windows Movie Maker a Portable Windows Movie Maker, per creare il video anche in un PC che non è il vostro da una chiavetta USB. Forse però l'opzione più valida è quella di scaricare il nuovissimo Windows Live Movie Maker che ha moltissime funzioni.

    Una valida alternativa a questi programmi può essere Masher che consente di creare i filmati direttamente online in modo più semplice

    masher

    Occorre una semplice registrazione gratuita in cui inserire un username, la password, un indirizzo email, nome e cognome che però possono essere anche di fantasia. E' necessaria l'attivazione attraverso il collegamento che vi verrà spedito per email entro 5 minuti al massimo.

    Per iniziare dobbiamo andare su Studio per accedere all'editor che avrà questo aspetto

    image

    Per aggiungere i nostri video, la nostra musica e le nostre foto dobbiamo andare su My Uploads e caricarli dall'hard-disk. Gli elementi che abbiamo caricato li possiamo inserire nell'ordine desiderato nella timeline posta in basso. C'è anche la possibilità di inserire effetti, transizioni, testo; possiamo in ogni momento controllare l'anteprima della nostra creazione cliccando sul pulsante del player in alto a sinistra. Per salvare il tutto bisogna andare su Save in basso.

    I video creati saranno immagazzinati nel sito nella sezione My Stuff. Esiste anche una galleria delle realizzazioni che gli utenti hanno acconsentito di condividere. Cliccando su ciascuna di queste, oltre a visualizzare il video, se ne può copiare il codice da inserire nel blog. Ecco un esempio di un video in cui delle ragazze hanno inserito delle foto scattate ad Istanbul insieme ad un sottofondo di musica del luogo.

    Per concludere ecco un breve elenco delle features che offre Masher

    1. Creare video miscelando clip, foto e musica
    2. Se ne possono creare quanti se ne vuole
    3. Si possono aggiungere transizioni e effetto di saturazione
    4. E' possibile aggiungere testo e diversi tipi di player (skin)
    5. Si usa l'editor attraverso il drag & drop
    6. Si possono condividere i video o postarli con l'HML
    7. Esiste una galleria pubblica delle realizzazioni degli utenti
    8. La registrazione è gratuita ma occorre attivazione


    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

    google_immagini

    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

    ponte_vecchio

    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



    Pubblicato il 29/10/09 - aggiornato il  | 6 commenti :

    Come inserire nel blog una pagina per inviare SMS gratis in tutta Italia con SmsAd.it.

    Se voi andate sul Menù e cliccate su "INVIA SMS GRATIS" andrete nella pagina che ho predisposto come modulo per l'invio di SMS gratis. Questo servizio è offerto da SmsAd.it e può essere facilmente inserito in una pagina di qualsiasi blog anche su Blogger.

    Bisogna richiedere il codice riempiendo il modulo presente in questa pagina e attendere di essere ricontattati. Vi verrà inviato uno script da inserire almeno in un post che deve avere un collegamento in Homepage.

    Il link può essere realizzato con un menù, come fatto da me, o anche con un semplice richiamo. L'articolo con lo script è meglio pubblicarlo con data retroattiva in modo da non averlo per esempio nei feed o nella newsletter.

    Per utilizzare il servizio basta selezionare il prefisso, inserire il numero del cellulare del destinatario, il testo del messaggio, quindi cliccare su Invia

    image

    Dopo l'invio sarà visualizzata una pagina di uno sponsor; è chiaro che dovranno pure avere delle entrate per ripagare i costi degli SMS!

    Nella prova che ho fatto, l'SMS mi è arrivato dopo un lasso di tempo molto breve, tanto da essere considerato affidabile. Ci sono delle limitazioni che riguardano il numero di SMS inviati dallo stesso IP e per quelli inviati giornalmente da questo sito. Se quindi il servizio non è disponibile vuol dire che si ecceduto quella cifra.

    Ricordo che è un buon sistema per mandare SMS anonimi ma che comunque le autorità di Polizia potranno risalire al mittente attraverso l'IP del computer, quindi non è utilizzabile per pratiche illegali.

    Avere nel proprio sito un servizio di questo tipo può portare ad una maggiore affezione da parte dei lettori, anche se è tutto da verificare. Se qualcuno di voi vuole provarlo e mi fa sapere il grado di efficienza e affidabilità gliene sarei grato Smile.

    P.S. Il modulo di inserimento degli SMS è correttamente visualizzabile con Firefox, Chrome, Opera ma non con IExplorer, tanto per cambiare…



    FotoFlexer è il più avanzato editor di foto online del mondo.

    La definizione di editor online più avanzato del mondo è quella che si sono data gli stessi realizzatori di FotoFlexer e devo dire che, per la mia esperienza, è tutt'altro che usurpata

    fotoflexer

    Cliccate su Login per accedere all'applicazione vera e propria, ci vorrà qualche secondo per caricarla, ma neanche tanti. Si può scegliere una foto di quelle già predisposte, tanto per fare un po' di pratica, oppure caricarla dal computer o dal web

    fotoflexer

    Ci sono otto schede ognuna delle quali ha parecchi strumenti di modifica: Basic, Effects, Decorate, Animations, Beautify, Distort, Layers, Geek. Credo che la traduzione sia inutile, ricordo solo che Layer significa Livello ed è un modo per salvare il lavoro di una modifica prima di passare all'altra. 

    A mero titolo di esempio illustro brevemente la scheda Decorate attraverso la quale possiamo

    1. Inserire degli oggetti con Stickers (vedi farfallina)
    2. Inserire del testo
    3. Inserire del testo glitterato (vedi "fa primavera")
    4. Disegnare con Draw
    5. Cancellare una parte della foto con la gomma Erase (vedi una porzione di foglia ma può essere usata anche per togliere una persona da una foto)
    6. Si può riempire di colore una parte della foto con Fill
    7. Possiamo catturare un colore con lo strumento Contagocce (Grab Color)in tutto e per tutto identico a quello dei programmi di grafica. Possiamo ricavare il codice RGB e esadecimale del colore che si è toccato con il mouse
    8. Si possono anche inserire bordi, facce, creare un poster o una card

    foto_flexer

    Tutto questo solo nella scheda Decorate e pensate che ce ne sono ben otto! Quando si è finito il lavoro si clicca su New, se se ne vuole iniziare un altro, o su Save per salvare quello che si è fatto. Durante il processo di salvataggio saremo anche avvertiti del numero di secondi che restano per il suo completamento. La nostra immagine modificata può essere salvata nel nostro computer cliccando su Save To My Computer, in alternativa, sulla sinistra sono presenti le icone di tutta una serie di servizi nei quali postarla

    fotoflexer

     

    Si può infatti condividere su TinyPic, Photobucket, Facebook, Flickr, Picasa, MySpace, Smugmug e, naturalmente, Fotoflexer. Se ne può anche acquisire l'URL o inviarla per email. Il formato sarà quello GIF.



    Youtube Downloader HD per acquisire video in alta definizione ed in alta qualità.

    Quello che distingue Youtube Downloader HD dagli altri metodi è che si possono convertire video in alta qualità (HQ) e in alta definizione (HD). Youtube permette la visione in tutti i formati che sono consentiti dal tipo di file che è stato caricato.
    Andando nel Player di Youtube, in basso a destra, possiamo vedere un HQ o un HD che ci permette di passare ad una migliore qualità di streaming ammesso che non si sia già impostato il nostro account per una visione di questo tipo.
     Youtube Downloader HD  è gratuito e può essere scaricato da uno dei link presenti nella pagina
    youtube_downloader
    Le sue caratteristiche sono

    1. Facilità d'uso: basta copiare l'URL ed incollarlo nell'apposito form
    2. Converte i video di Youtube nei formati Avi HD, MP4, FLV o AVI
    3. Scarica i video in Alta Definizione quando è disponibile
    4. Supporta i video molto lunghi e pesanti
    5. E' richiesto un OS Windows 95/98/Me/2000/XP/2003/Vista
    6. CPU: 400 MHz o maggiore
    7. RAM: 128 MB o maggiore
    8. 10MB di spazio libero su disco


    Il formato MP4 è compatibile con l'iPod, con l'iPhone e altri dispositivi mobili. 


    TubeRadio.fm è un vero must per gli appassionati di musica e di video musicali in particolare.

    Youtube non è solo video virali, video divertenti, spezzoni di trasmissioni televisive, riprese private con il cellulare, è anche videoclip musicali. Si pensa che Youtube sia il maggior database in fatto di musica dell'intero web.

    TubeRadio.fm aiuta gli appassionati a cercare, catalogare e usufruire dei videoclip presenti su Youtube in modo assolutamente intuitivo.

    tubeRadio.fm

    Per godere appieno di tutte le possibilità offerte dal sito occorre procedere ad una registrazione gratuita andando su Sign Up e riempiendo il modulo con i nostri dati

    image

    Per terminare la registrazione non ci sono pulsanti da cliccare ma c'è un cursore da spostare con il drag & drop. La finestra di ingresso sarà simile a questa

    tuberadio.fm

    E' presente anche un video di dimostrazione del funzionamento del sito

    Per iniziare ad usare le features offerte dobbiamo cercare un nostro artista preferito nella casella di ricerca in alto. Da notare che il layout ricorda molto quello di iTunes

    tubeRadio.fm

    I brani trovati possono essere aggiunti alla nostra personale Playlist. Sotto la casella di ricerca sono presenti quattro schede: Youtube, Discography, My Playlist, Public Playlists.

    Le Playlist possono essere create, rinominate e condivise. Cliccando su una traccia possiamo ascoltare il pezzo e visualizzare il video.

    Si può andare anche su Discography e aggiungere l'intero album alla Playlist che potrà anche essere nuova

    tuberadio.fm

    Se si introducono contemporaneamente più album la creazione della Playlist può durare diversi minuti. Saremo avvertiti della fine del procedimento, il che non significa che saranno state trovate tutte le canzoni degli album ma verranno mostrate tutte quelle che sono disponibili su Youtube. Sulla falsariga di iTunes c'è anche la possibilità di acquistare gli album dei singoli cantanti attraverso Amazon o 7Digital.

    TubeRadio.fm è anche una community in cui si possono condividere le playlist che si sono create andando sulla sinistra su Shared Playlist.



    Come eliminare il bordo dalle immagini se si utilizza l'editor avanzato di Blogger.

    Questo articolo l'ho scritto con l'editor di Blogger invece che con Windows Live Writer in quanto è solo con la prima opzione che si presenta questa situazione che a qualcuno magari non piace. Se inserite un immagine ed il vostro blog ha come stile di default quello di inserimento dei bordi nelle immagini, tutte le vostre foto del blog le avranno.

    Nel momento in cui passaste alla modalità HTML vi trovereste, per la foto inserita, di fronte ad un codice simile a questo
    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAeN6gRzv_YKP5zyyNdfA4bx3dgBElj2p5UJKqOv5qFpx8j-ZPwVN1iLCmeKOr3Avr8ELVEVAfrruNNiREjAtnbsPrzcO9mF30dGoPRHVGi05RJuxko9PVjEW4Vp7usMhFKfhyphenhyphendrV3j8X/s1600-h/santarelli.jpg" imageanchor="1" linkindex="28" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAeN6gRzv_YKP5zyyNdfA4bx3dgBElj2p5UJKqOv5qFpx8j-ZPwVN1iLCmeKOr3Avr8ELVEVAfrruNNiREjAtnbsPrzcO9mF30dGoPRHVGi05RJuxko9PVjEW4Vp7usMhFKfhyphenhyphendrV3j8X/s320/santarelli.jpg" /></a>
    </div>

     dove è presente l'attributo border="0" che però non significa affatto che il bordo non ci sia. Se lo vogliamo togliere dobbiamo effettuare una piccola modifica al codice dell'immagine andando in modalità HTML ed modificando il codice in questo modo
    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAeN6gRzv_YKP5zyyNdfA4bx3dgBElj2p5UJKqOv5qFpx8j-ZPwVN1iLCmeKOr3Avr8ELVEVAfrruNNiREjAtnbsPrzcO9mF30dGoPRHVGi05RJuxko9PVjEW4Vp7usMhFKfhyphenhyphendrV3j8X/s1600-h/santarelli.jpg" imageanchor="1" linkindex="28" style="margin-left: 1em; margin-right: 1em;"><img style="border:none;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAeN6gRzv_YKP5zyyNdfA4bx3dgBElj2p5UJKqOv5qFpx8j-ZPwVN1iLCmeKOr3Avr8ELVEVAfrruNNiREjAtnbsPrzcO9mF30dGoPRHVGi05RJuxko9PVjEW4Vp7usMhFKfhyphenhyphendrV3j8X/s320/santarelli.jpg" /></a>
    </div>

    E' stata inserita la parte colorata in rosso style="border:none;".
    Ripeto che questa personalizzazione vale solo se si usa la versione aggiornata dell'editor di Blogger e non un editor offline come WLW.

    Le differenze tra le immagini non sarebbero visibili in questo post in quanto lo stile del blog presuppone immagini senza bordo



    Pubblicato il 28/10/09 - aggiornato il  | 2 commenti :

    Come inserire un filmato al posto della favicon in un blog su Blogger.

    La favicon è quella piccola immagine che si vede nella barra degli indirizzi e che per i blog su Blogger è una anonima B bianca su sfondo arancione. Per prima cosa dobbiamo procurarci il filmato che vogliamo inserire al suo posto e che deve avere le seguenti caratteristiche
    1. Deve avere una forma del player il più possibile quadrata
    2. Avere immagini in movimento rapido perché se ne potrà estrarre solo pochi secondi
    Dopo aver scelto il video dovremo estrarne il pezzo da usare come favicon e convertirlo in un'immagine animata. Tutto questo lo possiamo fare con il fantastico programma Format Factory.
    Apritelo e scegliete Video > Tutti verso GIF


    format_factory


    quindi andare su Aggiungi File e selezionare il filmato da cui estrarre il nostro videoclip; può essere di qualsiasi formato tanto Format Factory riuscirà comunque a convertirlo. Scegliere Opzioni quindi gli orari di inizio e di fine del filmato, metter la spunta a Ritaglia per selezionare una porzione di schermo il più possibile quadrata, cliccare su OK e nuovamente su OK nella finestra successiva



    image


    Siete quindi tornati nella schermata iniziale e non resta che cliccare su Vai per iniziare la conversione dello spezzone selezionato e con il ridimensionamento inserito. Il filmato sarà diventato un'immagine animata in GIF e,per ottenerne una favicon, dobbiamo rinominarla in ICO, darle cioè un nome tipo "animazione.ico". In seguito dovrà essere caricata su un hosting tipo Skydrive (ecco il link della animazione).
    Per inserirla come favicon dobbiamo andare su Layout > Modifica HTML e cercare la riga </head>. Immediatamente sopra incollare il seguente codice
    <link href='URL_favicon' rel='shortcut icon'/>
    <link href='URL_favicon' rel='icon'/>
    dove al posto di URL_favicon occorre inserire il suo indirizzo nel web. Ecco lo screenshot dell'inserimento


    image


    Salvare il modello e il procedimento è compiuto. Ho applicato una favicon realizzata con questo metodo al blog in cui ho inserito il menù orizzontale espandibile. Prima della modifica ecco come si presentavano le favicon dell'indirizzo e della scheda del browser


    favicon

     Se avete Firefox potete invece ammirare le evoluzioni dell'Uomo Ragno tra i grattacieli di Manhattan. Con altri browser non sempre le favicon personalizzate sono visibili, con IE praticamente mai .