martedì 2 settembre 2008

Come far apparire l'icona del vostro blog nella barra indirizzi del browser

Se provate a inserire un blog nei vostri preferiti, è possibile notare che, accanto all'indirizzo di una qualsiasi sua pagina, compare l'icona rappresentativa della piattaforma a cui appartiene.

Ad esempio, se vi collegate ad un blog creato su Blogger, potrete notare l'iconcina rappresentante una "B" bianca su sfondo arancione.

Per chi ama i tocchi di classe, sarà lieto di sapere che quell'iconcina è possibile sostituirla con un'altra delle stesse dimensioni.
Insomma possiamo inserire il logo del nostro blog o qualsiasi altra favicon che ci interessi. Ma ora vediamo come fare..
Per prima cosa, dovete creare la vostra icona, ricordando che può essere di dimensioni 16x16 o 32x32 (a volte 48x48, ma solo se in formato .ico). Per quanto riguarda i formati, sono ammessi i .png, .gif e .ico (attenzione: i .gif non sono supportati da tutti i browser!!).
Nel caso non sapete come crearne una, vi consiglio Favicon Generator.

Creata la favicon, dobbiamo inserirla: in generale, dovete cercare la sezione "head" nella struttura html del sito, nel caso specifico di blogger dovete trovare la seguente stringa:

<title><data:blog.pagetitle/></title>

e inserire subito dopo uno dei seguenti codici (a seconda se avete creato icone in formato .png , .gif o .ico):
<link rel="shortcut icon" href="indirizzo favicon" /> (nel caso di .ico)
<link rel="shortcut icon" href="indirizzo favicon"
type="image/png"/> (nel caso di .png)

<link rel="shortcut icon" href="indirizzo favicon" type="image/gif"/> (nel caso di .gif)

Salvate le modifiche e avete fatto :)

15 commenti:

Matteo L. ha detto...

Ma sei un grande. Caramon vorrei sentirti per avere informazioni per creare un banner. Intanto se vuoi venire a valutare le modifiche fatte da me son ben contento. Ciaooo

Roblog ha detto...

sempre interessante il tuo blog.......mitic!!!!!!!!!!!!!!!!!!!!!!


continua così!!

ciao

Fabio Alessandro Pecorino ha detto...

"È stato trovato più di un widget con ID: LinkList3. Gli ID dei widget devono essere esclusivi."
...è il messaggio di errore che mi compare nella schermata...come mai? ho seguito stepBYstep ogni tua direttiva...puoi aiutarmi.
Abticipatamente grazie.

Raggio di sole ha detto...

Sei un grande e sono felice di averti ritrovato.
A presto
Gisella

LeMon ha detto...

finalmente trovo un articolo che spiega come inserire una favicon su blogspot! grazie mille!!!!

Caramon ha detto...

@matteo: ciao matteo, certo fammi sapere no problem ;)
@roberto: grazie roberto troppo gentile ^__^
@fabio: mm strano..cmq fai una cosa.. vai nel modello html del blog e fai una ricerca (cn mozilla per fare una ricerca basta che clicchi contemporaneamente CTRL+F) e cerca LinkList3. Dovresti trovare una stringa con scritto :

< widget id=”LinkList3” ecc...

E prova a sostituire a linkList3 la parola LinkList4. Se ti dà ancora errore allora prova ad aumentare il numero finale (LinkList5, LinkList6..ecc..) fino a ke l'errore nn scompare.
Dovrebbe risolversi la cosa.

@raggio di sole: grzie di tutto gisella, sei molto gentile e sono anche io felice di risentirti!!!
@lemon: ciao lemon! hehe mi fa piacere ke ti è stato utile ^_^

Anonimo ha detto...

Sei un grande!! Appena ho tempo me la faccio!!|

Paolo Biserni ha detto...

bello...adesso che mi sono lanciato con "l'occhio" lo voglio mettere.
un saluto a presto e grazie.

Melina2811 ha detto...

molto interessante queste informazioni, ciao da Maria

scrittrice75 ha detto...

c'è un premio per te. passa dal mio blog. un saluto angela

Matteo ha detto...

Grande! non avevo pensato a questo "tocco di classe"! lo farò presto anch'io sul mio blog!

Radio Pazza ha detto...

Grande! Che svolta ... passa a guardarlo su radiopazza.blogspot.com
ciao

Luciano ha detto...

Ciao !
Ho provato a seguire le tue indicazioni ho inserito entrambi i codici generati dal sito da te indicato ma non funziona
Ho inserito il link corto quello che compare al di sotto e il link lungo riportato sulla barra dopo la creazione dell'immagine.

Come mai?
Il blog è www.otrantino.blogspot.com

Anonimo ha detto...

Grazie mille per questa dritta ;) !

Anonimo ha detto...

Una favicon luccicante come il vetro murano