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 :)

18 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

Roberto ha detto...

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


continua così!!

ciao

Fabio 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 ^_^

Informazione ha detto...

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

pabi71 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

LeMon ha detto...

ciao,
c'è un premio per il tuo blog che ho deciso di assegnarti.
per maggiori informazioni visita questa pagina del mio blog:
http://kinemacolor.blogspot.com/2008/07/premi.html
a presto
LeMon di Kinemacolor
http://kinemacolor.blogspot.com/

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...

酒店經紀,酒店小姐,酒店公關,酒店打工,酒店上班,禮服店,便服店,假日打工,酒店兼差,酒店兼職,暑假打工,寒假打工,酒店經紀爆米花,酒店打工爆米花,酒店兼差爆米花,酒店兼職爆米花,酒店上班爆米花,酒店工作爆米花,酒店小姐爆米花,禮服店爆米花,假日打工爆米花,酒店經紀PRETTY GIRL,酒店上班PRETTY GIRL,酒店兼差PRETTY GIRL,酒店工作PRETTY GIRL,酒店打工PRETTY GIRL


酒店
童裝批發
童裝批發
童裝
童裝
酒店喝酒
暑假打工
酒店
酒店經紀人
酒店小姐
酒店兼職
酒店上班
酒店兼差
禮服店
酒店上班
酒店打工
酒店小姐
酒店經紀
假日打工
台北酒店經紀
酒店應酬
粉味
茵悅
酒店經紀

Anonimo ha detto...

Una favicon luccicante come il vetro murano

freefun0616 ha detto...

酒店經紀人,
菲梵酒店經紀,
酒店經紀,
禮服酒店上班,
酒店小姐兼職,
便服酒店經紀,
酒店打工經紀,
制服酒店工作,
專業酒店經紀,
合法酒店經紀,
酒店暑假打工,
酒店寒假打工,
酒店經紀人,
菲梵酒店經紀,
酒店經紀,
禮服酒店上班,
酒店經紀人,
菲梵酒店經紀,
酒店經紀,
禮服酒店上班,
酒店小姐兼職,
便服酒店工作,
酒店打工經紀,
制服酒店經紀,
專業酒店經紀,
合法酒店經紀,
酒店暑假打工,
酒店寒假打工,
酒店經紀人,
菲梵酒店經紀,
酒店經紀,
禮服酒店上班,
酒店小姐兼職,
便服酒店工作,
酒店打工經紀,
制服酒店經紀,
酒店經紀,

,