Hola amiguitos. Os presento el tan esperado Estupendo Tutorial en el que os enseñaré cómo poner imágenes grandes en medio de los posts, y no las ful de imágenes pequeñas que ponen al final cuando agregas fotos. Además con un poco más de esfuerzo os podréis tunear el blog.

Empezaré por las imágenes grandes, que es lo que mosquea a la gente y por lo que me suelen preguntar. Lo primero es hacerse la imagen al gusto con el Photoshop, el Photo Paint o el Paint a palo seco. El encabezado de este Estupendo Tutorial y la mayoría de las imágenes que uso en el BNB son de 558x196 pixels, para que encajen bien en el ancho de la página y para que los que tengan pantallas con una resolución de 800x600 las vean bien, rozando el borde, pero bien. Quiero dejar claro que no es necesario tocar la foto, puedes meter una foto recién sacadita de tu nueva y preciosa cámara digital de siete megapixels, pero es totalmente inútil meter una foto gigantesca, porque además de que te puedes morir esperando a que cargue, la gente huirá de tu blog como de la peste.

Una vez tienes tu foto, hay que subirla a un servidor, preferentemente gratuito y que funcione bien. Yo uso ImageShack, me va bastante bien. Subir una fotografía a ImageShack es tan fácil como darle al botoncico de Browse, seleccionar la fotografía que quieras subir de tu disco duro, y darle a host it!. Cuando se termine de subir (ten en cuenta que cuanto más grande sea la foto, más le costará) aparecerá una página donde saldrá la nueva dirección de la imagen. La dirección que nos interesa es la de Direct link to image. Apúntala, cópiala o memorízala.

Para el siguiente paso yo recomiendo utilizar Firefox, de Mozilla, que recomiendo instalar. Se descarga en www.getfirefox.com y una vez te acostumbras a él, volver al Internet Explorer de Microsoft da malagana. Digo lo de usar Firefox porque vamos a utilizar tags de Html (que por otro lado, aunque suene rarito para el que no sabe, es de lo más facilito que te puedes echar al cuerpo). Con el Explorer creo que no se puede usar Html, porque lo pasa por alto. En cualquier caso, Firefox rules.

Métete en la administración de tu blog desde Firefox y añade una nueva entrada (o post, como me gusta llamarlo a mí). Para añadir la foto grande tienes que escribir <img src="dirección de la foto" border="0">. Obviamente, donde pone dirección de la foto hay que poner la dirección de la foto que hemos cogido antes de la web de ImageShack. Y ya está. El mayor problema que encuentro es que una vez que has usado Html una vez, hay que usarlo ya para todo. En cualquier caso es fácil. Se limita a esto:

» Si quieres hacer un salto de línea (separar párrafos, joder) tienes que escribir <br>. Una vez cada vez que quieras saltar una línea (es decir, si quieres dejar una línea vacía entre dos párrafos, tienes que ponerlo dos veces).

» Si quieres poner algo en negrita, cursiva o subrayado, tienes que ponerlo así: <b>texto</b> para ponerlo en negrita, cambiando b por i o u para ponerlo en cursiva o subrayado respectivamente.

» Si quieres poner un enlace, usa <a href="http://www.fleam.com" target="_blank">Mira cómo chana esto</a>. Donde pone http://www.fleam.com pon la dirección que quieras (pero con el http:// incluido o no funcionará). El target="_blank" hace que la página se abra en una ventana nueva. Si no te gusta eso y quieres que se abra en la misma ventana en la que está tu McNífico blog, quítalo. Ten en cuenta que se puede encadenar; si quieres que al pinchar en una foto grande de las que has añadido se abra una página nueva, se haría así: <a href="http://www.fleam.com" target="_blank"><img src="http://www.fleam.com/supercoco.jpg" border="0"></a>

» Si quieres utilizar caracteres especiales, métete aquí y en vez de poner el carácter directamente, pon lo que pone en la primera columna. Por ejemplo, para usar el carácter » tienes que poner &raquo;

» Para centrar el texto, o alinearlo a la izquierda o justificarlo, tienes que poner al principio <div align="center">. Al final del todo hay que poner </div>. No hay que olvidar que una vez abres un tag Html, como en este caso es el tag <div>, hay que cerrarlo una vez acaba su función (es decir, añadir un </div>, esto va como los paréntesis; una vez los abres, luego hay que cerrarlos cuando dejan de valer).

» Si quieres tunear el tipo de letra en los posts (como yo hago en este blog), justo después del <div> (si lo usas), pon <font face="georgia">, sustituyendo georgia por tahoma, impact, comic sans, verdana o la letra que quieras usar. Si quieres que todo el mundo pueda ver el texto con el tipo de letra que uses, usa tipografías que sean estándar en todos los ordenadores. Si te pones a usar letras extrañas que te has descargado por ahí, la mayoría de la gente no las tendrán y verán tus posts de manera diferente a como tú esperabas (generalmente escritos en un Times New Roman de lo más normalito). Igual que antes, pon un </font> donde quieras que ese tipo de letra deje de aplicarse y se vuelva a usar el Arial que viene por defecto.

Y creo que no me dejo nada más. En caso de duda, deja un comentario y entre todos intentaremos echar una mano. Si quieres enlazar este Estupendo Tutorial desde tu página o tu blog, utiliza esta dirección:

http://spaces.msn.com/members/radiocapital/Blog/cns!1pR_JFC4Y3p9k0phu4frfk_w!359.entry