BIENVENIDOS A MI BLOG DE RECURSOS PARA BLOGGERS DE NIVEL INTERMEDIO



El cometido principal de este blog no es otro que proporcionar algunos recursos a aquellos que ya dominan las herramientas básicas de Blogger pero desean adquirir nuevos conocimientos que les permitan personalizar aun más su blog. Quiero aclarar, antes de continuar, que yo mismo soy bastante nuevo en esto, por lo cual no deben tomar mis palabras como las de un experto. Se trata, más bien, de compartir los conocimientos que he adquirido en este poco tiempo que llevo como blogger. Quizás al igual que yo hasta hace muy poco, te preguntes: cómo elegir un fondo diferente a las plantillas que me ofrece Blogger, cómo quitar la barra de navegación que aparece al tope de la página (y no perder su utilidad), cómo escribir en tu blog sin necesidad de crear una entrada (como lo estoy haciendo yo en este momento), cómo subir archivos de audio, cómo subir una emisora de radio o un canal de televisión, cómo subir un video en formato WMV para que se reproduzca con el Windows media player y podamos verlo en pantalla completa y sin que se "entrecorte" como ocurre a menudo con los archivos en formato FLV (como los de Youtube, por ejemplo), cómo poner música de fondo, cómo colocar una caja de búsqueda una vez que eliminamos la barra de navegación de Blogger, entre otras cosas





ÉSTE ES SÓLO EL COMIENZO. ALGÚN DÍA LOGRARÉ CREAR UNA PÁGINA...
(Para saber cómo será mi página, pulsá play en el reproductor)

jueves, 12 de febrero de 2009

Cómo poner un fondo original a tu blog

Si no te conforma ninguna de las plantillas predeterminadas que ofrece Blogger, puedes reemplazarlas y poner de fondo cualquier diseño o color que elijas. Simplemente debes editar la plantilla desde "edición de html". Allí deberás buscar en la cabecera (<head>) la palabra background o background-image, que es la que establece el color o el diseño de fondo de la página. Para darte una idea más precisa, aquí te dejo la parte de mi plantilla donde se establece el diseño de mi fondo:
*/body { margin-top: 0px; margin-$endSide: 0px; margin-bottom: 0px; margin-$startSide: 0px; background-image: url("http://www.fondosmyspace.com/completos/fondos/1700.jpg");background-repeat: repeat;background-position: left;background-color: #FFFFFF; background-position: 50% 31px; text-align:center; font:x-small Verdana, Arial, Sans-serif; color:$textcolor; font-size/* */:/**/small; font-size: /**/small;}
Debes tener en cuenta, asimismo, que este segmento, al igual que otros de la plantilla, variará de acuerdo con el diseño que hayas elegido al crear tu blog. Lo más importante, en este caso, está donde dice: "background-image: url ("http://www.fondosmyspace.com/completos/fondos/1700.jpg")". Allí es donde se define la imagen de fondo. Simplemente debes buscar en la web un fondo o una imagen de tu gusto, o subir uno de tu computadora a cualquier sitio, y luego poner la dirección donde se encuentra, que en este caso es "www.fondosmyspace.com/completos/fondos/1700.jpg".
Como ya dije, la plantilla puede variar de acuerdo con el diseño que hayas elegido al crear el blog, y la barra lateral ("sidebar") podría tener su propio fondo, como también aparecer alguna figura o imagen en otra parte de la página. En el caso de mi plantilla original, aparecía una imagen conformada por círculos arriba al centro de la página. Para quitarla sólo debí borrar la dirección de la imagen donde decía "outer-wrapper" (es fácil darse cuenta de dónde hay imágenes, pues siempre aparecerá la dirección donde se encuentran).

Nota: la imagen que aparece aquí: "http://www.fondosmyspace.com/completos/fondos/1700.jpg" ya no es el fondo de mi página, pues decidí utilizar colores en vez de imágenes como fondo. De todos modos la explicación sigue siendo válida para quienes quieran poner imágenes o "patrones" como fondo. En caso de que quieras poner colores en lugar de imágenes, sólo debes borrar la dirección de la imagen y añadir al código (si es que ya no está) la palabra background o background-color, ":" (dos puntos) y el color que mejor te parezca (no te olvides de poner ";" -punto y coma- después del color). Claro que para ello deberás conocer los códigos de los colores, aunque también puedes poner sus nombres en inglés. Aquí dejo algunos como ejemplo: red, blue, green, yellow, black, gray, maroon, teal, navy.

No hay comentarios:

 
contador de visitas
Contador Gratis