dimecres, octubre 28, 2009

Estreno logo!

Segurament no us hi heu fixat, però a partir d'avui, si mireu al costat de la barra d'adreçes del vostre navegador, quan entreu al meu blog veureu aquesta imatge en petit:


I per què aquesta? doncs perquè crea bon rollo, és alegra i porta bons records.

I em direu, com mola! com ho has fet això??

Doncs he recuperat un antic article de l'Aleix al seu blog en què explicava com posar un FAVICON (icona per la web) al nostre blog. Val a dir que he hagut de complementar les seves explicacions amb un parell de coses i fer el mètode assaig-error unes quantes vegades.
Per això us copiaré aquí exactament el que he fet perquè quedi així.

He anat a la web de FAVICON FROM PICS i he pujat la imatge des del meu ordinador. Clickant a GENERATE FAVICON.ICO et genera 2 arxius. Un d'ells és el Favicon tal qual el veieu ara, i l'altre és la imatge amb animació.
Està molt bé perquè te'ls deixa previsualitzar com si fos la teva web, així veus si la imatge que has pujat queda bé o no.
He descarregat l'arxiu de la imatge sola i m'ha guardat a l'escriptori un arxiu .zip
Allà hi havia les instruccions (readme) i l'arxiu de la imatge: favicon.ico

Fins aquí, tot tal com l'Aleix deia.
Però ara se'm presentava el problema de penjar aquesta imatge en algun servidor web des d'on el Blogger la pugués agafar per posar-la com a la meva icona personal.

Després de moltes proves, m'he decidit per penjar-la a un host d'imatges gratuit anomenat: 1Pixelhost. He triat aquest perquè un cop penjada la imatge et dóna una col·lecció de links de diferents formats per si vols linkar la imatge a un web, posar-la al codi html, etc etc...
Jo he fet servir el primer link DIRECT LINK per fer el següent.

Entrant al format del Blog, a l'opció de modificar el codi HTML, he copiat aquest text

<link href='POSEU-HI EL DIRECT LINK DE LA IMATGE' rel='shortcut icon'/>

just ABANS (si ho fas després no funciona) de la línia:

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

Tot plegat queda dins l'etiqueta <head> </head>



I ja està!


Ja em direu si us agrada!

Ptons

2 comentaris:

espurnes ha dit...

bon comentari :)

Rossend ha dit...

M'encanta lo del "logo".Suposo que ja saps que també surt al costat de la adressa del blog quan obro una pestanya en el meu correu