martes, 16 de diciembre de 2008

Tutorial Blogger

Como poner un icono en Blogger para que aparezca en el iPod Touch/iPhone al agregar el acceso directo al Dock:

1. Tenemos que elegir la imagen que queremos que aparezca como icono de nuestro Blog. Esa imagen debe tener unas dimensiones de 57×57 pixeles (por lo visto tambien puedes crearlo a 158×158px y se vera mejor cuando el iPhone/iPod Touch la redimensione) y debe estar en formato PNG.

Ejemplo:



Nota: No hace falta redondear las esquinas de la imagen, de eso ya se encarga el iPod Touch/iPhone.




2. Tenemos subir la imagen por ejemplo a: http://imageshack.us/

3. Obtendremos algo así:

Free Image Hosting at www.ImageShack.us

4. Copiamos por ejemplo el primer "Hotlink for forums (1)", de ahí sólo necesitaremos lo siguiente:

http://img504.imageshack.us/img504/6681/iconoblogon5.png

5. Ahora en Blogger pulsamos en "Personalizar" (Está en los menú de arriba a la derecha), a continuación pulsamos en la pestaña "Diseño" y seguidamente pulsamos en "Edición de HTML".

6. Ya estamos en el editor de la Plantilla de nuestro Blog.

7. Ahora debemos bajar hasta la cabecera del Blog, la reconocerás cuando veas:

Free Image Hosting at www.ImageShack.us


8. Una vez localizada la cabecera del Blog, debemos escribir lo siguiente justo debajo:

Free Image Hosting at www.ImageShack.us

Nota 2: En "href" ponemos el link de la imagen que hemos obtenido en el punto 4.


Quedará algo así:
Free Image Hosting at www.ImageShack.us


9. Ahora sólo nos queda pulsar el botón "Guardar Plantilla" y seguidamente salimos del Blog (Pulsando el botón "Salir" que está arriba a la derecha)


Para comprobar que todo está bien hecho, desde nuestro iPod Touch/iPhone, entramos en Safari, ponemos la dirección de nuestro Blog y añadimos el icono a la pantalla de inicio.


Este es el resultado final:

Free Image Hosting at www.ImageShack.us

No hay comentarios: