Issuu on Google+


Blogs madeinspain: En Febrero de 2008 creo este blog, basado en estas dos ideas fundamentales: 1.- Crear y distribuir plantillas diseñadas por mí para blogs de Blogger. 2.- Prestar ayuda desinteresada a aquellos que comienzan en el mundo de los blogs y no se conforman con los diseños preestablecidos por las plataformas. Mi nombre es Antonio Zambrana, y soy el único administrador y responsable de Blogs madeinspain. Escribo desde una ciudad muy cercana a Sevilla (España) y no soy diseñador web, aunque sí tengo experiencia en diseño gráfico. Parte del tiempo que me permite mi trabajo y mi familia lo dedico a escribir en el blog, y a hacer los diseños de las plantillas que después podéis descargaros de allí. Con motivo del primer cumpleaños de Blogs madeinspain he decido editar este libro en formato PDF, con todos las entradas y plantillas incluidas en él hasta hoy. No son muchas, ya que por diversos motivos no he podido dedicarle tiempo al blog durante los últimos meses. Aún así, espero que os sea de utilidad. Mi intención es hacer una edición anual de este libro, con el contenido añadido al blog durante ese año. Consideraciones a tener en cuenta: 1.- El libro se ha realizado en dos partes; En la primera se han incluido todas las entradas de ayuda, ordenadas según su fecha de publicación, comenzando por las más antiguas y terminando por las más recientes. Y la segunda parte tenéis todas las plantillas o templates y entradas relacionadas con ellas. 2.- Se han incluido todos los enlaces o links originales. Para que no origine ningún problema al abrir dichos enlaces con el navegador que tengáis instalado, proceder de la siguiente manera: Cuando paséis el cursor sobre un enlace, el símbolo

se transformará en

,

pinchar entonces con el botón derecho del ratón y del cuadro que os sale, escoger la opción “Abrir vínculo Web en explorador”. 3.- Tened en cuenta que alguno de los enlaces o links puede no funcionar, igualmente que ocurriría entrando en el blog en internet, ya sea por que la web enlazada ya no existe o simplemente que se encuentra saturada. 4.- Las imágenes o gifs animados se ven en este libro de una manera fija, no tienen ningún tipo de animación. Para ver estos elementos tal y como realmente son tendríais que entrar en el blog. 5.- El contenido de este libro no debe ser publicado por ningún medio sin mi expreso consentimiento.

1


Presentación: Todas las herramientas necesarias para modificar y diseñar tu blog. Enlaces a las mejores páginas donde encontrarás todo lo necesario para ello. Plantillas originales diseñadas por mí.... Con este blog pretendo ayudar al que no se conforma con las plantillas preestablecidas, al que tiene pocos o ningún conocimiento de lenguaje "html", pero quiere diseñar su propio blog, y quiere diseños originales y a su gusto. Aquí encontrarás plantillas diseñadas por mí o enlaces a los mejores sitios de diseño de plantillas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, enlaces a otras páginas de ayuda para blogs...... Y MUCHO MÁS. Os sorprenderá todo lo que puede conseguirse con muy poco esfuerzo.

¿Qué puedes encontrar en este blog? El blog está organizado en los siguientes apartados: BÁSICO: Aquí encontrarás la descripción de los elementos principales de un blog, con sus nombres en inglés, como manipularlos de tamaño, forma y fondo; Como cambiar el número de columnas, de sidebars; y demás aspectos generales para la compresión de apartados algo más complejos. PLANTILLAS: Enlaces a las mejores y más completas páginas donde puedes conseguir plantillas o templates totalmente gratis. También colocaré en esta sección plantillas diseñadas por mí, también para su uso gratuito. IMÁGENES: Todo lo relacionado con inserción y manipulación de imágenes en el blog. Además de trucos, efectos espectaculares y enlaces a páginas donde podrás obtener o manipular imágenes online. TEXTO: Cosas que puedes hacer con los textos en tu blog, efectos, tamaños, colores, y páginas de enlaces para conseguir texto en movimiento o animado. WIDGETS: También llamados "Gadgets" o simplemente "artilugios", aquí te presentaré los principales y los más usados (relojes, contadores de visitas, calendarios, horoscopo diario, tiempo atmosférico en tu localidad, traducción, y un largo etc...), junto con los enlaces a las páginas que los suministran. (*Nota: Aunque técnicamente "Widgets" y "gadgets" no es lo mismo, en la práctica diaria del diseño de blogs podemos decir que son prácticamente el mismo elemento.) UTILIDADES: Cajón de sastre donde colocaremos cualquier otra cuestión útil para el diseño de blogs, y que no encaje en ninguno de los apartados anteriores.

2


Imágenes que cambian al pasar sobre ellas el cursor Muy útil a todos los niveles en el diseño de tu blog, con efectos espectaculares. Solo pasa el cursor sobre estas dos imágenes... sin pinchar en ellas.

Con esto tenemos unas posibilidades enormes en el diseño de los blogs, con unos efectos muy fáciles de realizar. Leer completo...[+/-] Pincha ahora sobre las imágenes, y esto te dará una idea del fundamento de este "truco". Lo que hacemos con esto es un "falso" rollover, engañamos a la vista para conseguir ese efecto. Lo primero es hacer una imagen del tipo que habéis visto en los dos ejemplos, en el primer caso es de 300 x 37 px. Lo que hace este falso rollover es desplazar la imagen 150 px hacia la izquierda cuando se posiciona el cursor sobre ella, así el efecto es igual que un rollover verdadero, pero sin utilizar javascript. Para ello añadiremos en la plantilla general del blog, que vemos en "Plantilla/Edición HTML", este código (Al final de los "links", que suele estar muy al principio de la plantilla): a {outline: none;} .rollover { display: block; width: 150px; height: 37px; background: url(http://blogsmadeinspain.googlepages.com/botonrollover_morado.png) no-repeat; text-indent: -9999px; } a.rollover:link, a.rollover:visited, a.rollover:active { background: url(http://blogsmadeinspain.googlepages.com/botonrollover_morado.png) no-repeat; } a.rollover:hover { background-position: -150px; }

Lo que está en color rojo es lo que debemos cambiar y adaptar a nuestro blog. Por una parte se coloca dos veces la URL o dirección donde tengáis alojada la imágen, también se indica la dimensión de la imagen en pixeles (width = en este caso es la mitad del ancho de la imagen, height= altura de la imagen), muy importante que la anchura de la imagen siempre tenga un numero par de pixeles. En la última línea de código se coloca la mitad exacta de la anchura de la imagen completa, igual a la que se ha colocado en la línea de más arriba.

3


Y por último, el término rollover, que se repite en cinco ocasiones, lo cambiáis por cualquier nombre. Este nombre lo que hace es denominar a este efecto. (Si váis a usarlo en más de una ocasión dentro del mismo blog, no estaría mal denominarlo por ej. rollover01, rollover02, rollover03...etc.), ya que para cada imagen que queráis usar este efecto tenéis que pegar todas estas líneas de código cambiando el nombre que le dáis, además, claro está, del resto de términos en color rojo, adaptándolos a cada imagen que usemos. Ya solo queda el pequeño código que colocaremos en cada elemento que queramos usar esto (como elemento html en el sidebar, dentro del post, o en el lugar que eligamos): <a

href="http://www.catastro.minhac.es/"

target="blank"

class="rollover"

title="Rollover con CSS">prueba rollover</a> Si vosotros no queréis que al pulsar la imagen enlace con algo, quitarle [href="URL de enlace" target="blank"], y listo. De nuevo aquí aparece el nombre que halláis colocado en la plantilla general para este efecto, de ahí lo importante de usar los códigos en la plantilla general cada vez que quiera usarse con una imagen diferente, y dándole un nombre también

diferente.

Post y widgets enmarcados por separado A veces, sobre todo cuando usas un fondo liso o muy simple, interesa enmarcar por separado los "post" en la columna principal y los "widgets" en la sidebar. Mira esta plantilla de ejemplo....

Nuestra amiga de "El escaparate de Rosa" nos dejó un post explicando como se realiza. Leer completo ...

4


Uso de Etiquetas y cómo ocultarlas En el menú de "creación de entradas" (o post), veréis en "Opciones de entrada" que podéis añadir a vuestros post unas "Etiquetas", al principio parecen una cosa sin importancia, pero conforme tus post van creciendo en número, y sobre todo si tienes ordenado tu blog en diferentes apartados (como pasa en este blog, donde los post están clasificados dentro de Inicio, Básico, Plantillas, Imágenes, etc...), cobran mucha importancia en el diseño de tu blog. Si no sabes bien de qué hablo o no acabas de enterarte, sigue leyendo. Leer completo...[+/-] Las etiquetas son una forma de clasificar tus post, de ordenarlos por temas. Después podrás mostrar los post que traten un solo tema, ignorando los demás. Un buen ejemplo de lo que te explico puedes verlo en este mismo blog. Si ves los botones de colores que hay en la parte superior de mi sidebar. Ahí puedes ver los botones de INICIO, BÁSICO, IMÁGENES, TEXTO, WIDGETS Y UTILIDADES.... Pulsa en cualquiera de ellos. ¿Qué ocurre? Pués que te llevará a este mismo blog, pero mostrando todos los post dedicados a un tema, ya que yo los he clasificado antes asignándoles las etiquetas correspondientes. Fíjate también en la ruta "http" que indica, es algo diferente a la principal, por ejemplo del tipo "http://blogsmadeinspain.blogspot.com/search/label/utilidades" Esto tiene una fácil explicación, Blogger te redirige a una página exclusiva donde están todos tus post que tengan la etiqueta correspondiente. Creo que con esto el concepto debe quedar claro. Veamos ahora las formas de utilizar estas etiquetas y que tus lectores puedan decidir que temas quieren leer en tu blog.

La más fácil y rápida es la que te da Blogger por defecto, esto es, colocando una lista de "Etiquetas" (normalmente en la sidebar). Para ello seguiremos los pasos siguientes: 1.- Vete a "Diseño/Elementos de la página", y pincha en "Añadir un elemento de página" en la zona del blog que desees. 2.-Te saldrá una pantalla como esta con muchos elementos a elegir, elige el que se llama "Etiquetas", te lo marco en rojo en la siguiente captura:

5


3.- Al pinchar en "Añadir al Blog" te saldrá el siguiente cuadro:

Ahí podrás ponerle un título a la lista de etiquetas que te saldrá en tu blog (Etiquetas, temas, apartados.... lo que tú quieras), y si la lista deseas que te salga por orden alfabético o por frecuencia de las etiquetas. Y el resultado final será una lista parecida a ésta en tu blog...

6


Donde podrán verse todas tus etiquetas y el número de post que tienes de cada una. Al pulsar el lector sobre alguna de ellas, será redireccionado hacia todos los post correspondientes a esta etiqueta. La otra forma de crearte estos redireccionamientos hacia los post que tú decidas es creando

links

o

enlaces

hacia

la

dirección

de

tu

blog,

seguido

de... /search/label/NOMBRE DE LA ETIQUETA Para realizar estos enlaces puedes usar botones, imágenes, textos, etc... Valga como ejemplo este elemento html, que no es más que un botón verde que enlaza a mis post con la etiqueta "Plantillas". <a href="http://blogsmadeinspain.blogspot.com/search/label/plantillas"target="blank"><im g src=" http://blogsmadeinspain.googlepages.com/prueba-boton.png " /></a> Por cierto, se me olvidaba... Todos habéis visto que debajo de cada post siempre aparece por defecto la identificación de las etiquetas a las que pertenece ese post, de esta forma:

Si queréis que esta línea no aparezca iros a "Diseño/Edición de HTML" y expandir artilugios. Con CTRL+F localizar esta parte del código: <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </p> <p class='post-footer-line post-footer-line-2'><span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </p> Y borrar la parte que os he marcado de color rojo. OS RUEGO ME DISCULPÉIS POR EL ROLLAZO, pero el tema de las etiquetas es bastante importante.

7


Cambiar características del texto en las entradas

Seguramente muchos no conocéis que desde el propio menu de Blogger de Creación de entradas podéis manipular las características

de los textos a usar (color, tamaño, tipo de letra, negrita, etc...) Aunque este texto con el que he comenzado es una verdadera aberración de diseño, pero sí me sirve para que veáis que desde los propios menus de Blogger se puede conseguir cambiar colores, tipos de fuentes, tamaños, alineaciones, etc... de los textos, además de poder ponerlos en negrita o cursiva. Con ellos podéis resaltar un texto que os interese por cualquier motivo sin tocar nada en lenguaje html. Leer completo...[+/-] A todos os sonará esta pantalla, ya que es la de creación de nueva entrada "Creación de entradas/crear/Redactar", del menú de Blogger.

Pués bien, simplemente seleccionando un texto que halláis escrito en el post y pinchando alguno de los iconos que os he marcado en color rojo, obtenemos varios efectos en el texto. Veámos detalladamente para qué sirve cada icono, empezaremos de izquierda a derecha: 1.- El primero que os encontráis es un pequeño menú desplegable donde podréis escoger entre los distintos tipos de letra que Blogger tiene por defecto. 2.- El segundo es otro pequeño menú desplegable donde podéis cambiar el tamaño del texto que tengáis seleccionado, cinco tamaños desde uno muy pequeñito hasta una letra bastante grande. 3.- Ahora aparece una letra "b" en minúsculas. Con este icono podreís poner el texto en negrita. 4.- De igual modo, con el icono de una "i" minúscula lo que podréis hacer es ponerlo en cursiva. 5.- La letra "T" con unos cuadraditos de colores al lado es uno de los más usados, cambiará el color del texto seleccionado dentro de los 70 colores que os dan como opción. Aún así, si no tenéis bastante con estos 70 colores, al final veremos una forma de poder poner cualquier color con su código hexágesimal.

8


6.- El siguiente icono es el más interesante de todos, con él podéis enlazar un texto o imágen con lo que queráis (http, ftp, email, etc...), es un Hipervínculo. Os saldrá un cuadro como este...

En Tipo os sale un menú desplegable donde podéis elegir el tipo de enlace o link deseado (lo normal será una ruta "http", pero hay muchas otras posibilidades. Y en URL pondréis la ruta del elemento. Os dejo de ejemplo un enlace a la página principal de Google, solo añadiré un color diferente y un hipervínculo a esa página... Google 7.- Después vienen los cuatro iconos de la alineación del texto, esto es, alineación a izquierda, centrada, a derecha o justificado completamente. 8.- Los otros dos iconos se usan si deseáis crear una lista numerada o con viñetas. 9.- El pequeño icono con una foto de un paisaje es para insertar imágen. Tened en cuenta que la nueva imagen que insertéis siempre lo hará en la parte superior de vuestro post. 10.- Al igual que el anterior insertaba una imagen, el siguiente lo que inserta es un video en vuestro post. 11.- Y el último que es una goma de borrar, puede dar lugar a confusión, ya que no sirve para borrar elementos, sino para eleminar propiedades o formatos que halláis dado con anterioridad a vuestro texto. Os cambiará el texto que estéis seleccionando al tipo de letra, color, y tamaño general definido en vuestra plantilla para los post.

Pos último, veremos que las posibilidades que da el menu de Blogger se puede ver incrementado si entráis en "Creación de entradas/crear/Edición de HTML". Usaremos de ejemplo la primera palabra que he usado en este post, en lenguaje html queda así:

9


La palabra "Seguramente" va acompañada de una serie de modificadores que pasaré a explicar: En font-family: el tipo de letra. Podemos colocar cualquiera que tengamos en nuestro ordenador, pero tenéis que tener en cuenta que si vuestro lector no lo tiene en su PC, este texto no se verá o se verá con el texto general definido en vuestra plantilla para los post. Dentro de font-size: definimos el tamaño de la fuente de texto, en tanto por ciento indicamos el tamaño referenciado al general del resto del post. En color: definimos el color por su código hexagesimal. Por eso os comentaba anteriormente que no tenéis porque limitaros a los 70 colores que os ofrece Blogger como opción. Por ejemplo, usando la carta de colores que mi blog tiene en la sidebar, podeis conseguir el código hexagesimal de cualquier color y colocarlo aquí. Strong indica que el texto es en negrita, y si colocamos en su lugar el término em, indicaremos que es en cursiva. Como veis con pocos conocimientos de "html" podemos ampliar las posibilidades de diseño en los textos.

Enlaces para descarga de Plantillas gratuitas (I) Aquí os dejo una primera remesa de páginas buenas para descargar plantillas o templates para vuestros blogs: Finalsence: para mí, es la más completa, con muchísimas plantillas para descargar. En blogger no van bien las que detrás de el nombre de la plantilla incorpora (XML). Bloggertemplates, Freecsstemplates, Blogcrowds, Pizam, doxs . . . (continuará)

10


Generadores de texto con efectos ... online Si te gusta darle a tus textos algunos efectos llamativos como estos ejemplos que te traigo....

... Entra en alguna de estas páginas, donde podrás generar efectos en los textos. Podrás crear texto espectacular tanto estático, como con efectos de movimiento, brillo, luces, etc... GLITTER GRAPHICS BLINKYOU YOURGEN COOLTEXT 3DTEXTMAKER

Alojamiento de imágenes para uso en tu blog Una de las primeras tareas a la hora de rediseñar tu blog, es alojar las imágenes que vas a usar en algún servidor gratuito. Yo uso "Google Page Creator" para ello. Si ya tienes una cuenta en "Hotmail" o "Gmail" quizás sea la mejor opción. Si no tienes cuenta en alguno de ellos, y quieres creartela, pulsa en la página de "Google Page Creator" sobre la opción "sign up here". Otra buena página es "Flickr", donde además de alojar tus imágenes, tienes un banco de imágenes enorme y muy variado. Este alojamiento es de yahoo. Por si deseas más información te dejo una lista más completa de web para alojamiento de imágenes. En alguna de ellas no es necesario registrarte: Leer completo...[+/-] http://www.filesupload.com/ http://photobucket.com/ http://www.uploadyourimages.com/ http://www.imgspot.com/ http://www.imageshack.us/ http://www.allyoucanupload.com/ http://www.superimagehost.com/ http://www.myimagedepot.com/ http://www.bilder-hosting.de/ http://www.zoto.com/ Y la lista podría seguir con cientos de webs, pero sinceramente os aconsejo una web ligada a una empresa fuerte en el sector.... Que después vienen las sorpresas. Y permitidme otro consejo: CADA

ELEMENTO

¡GUARDAR SIEMPRE EN VUESTRO PC UNA COPIA DE QUE

USÉIS

EN

VUESTRO

BLOG!

11


Descripción de las partes de un Blog.

En primer lugar me gustaría decir que un blog es una página web "sencilla", que se realiza mediante una plantilla en algún lenguaje de marcación (html, xml, ...). No es necesario tener conocimientos de estos lenguajes para poder modificar las plantillas preestablecidas por las plataformas de blogs. Pero sí es conveniente saber como se llama a cada parte del blog, y que utilidad tiene... Leer completo...[+/-] Outer, Outer-wrapper o Fondo de página: Es la envoltura completa de todo el blog, puede ser de un color, una imagen, una animación, etc... Su misión es exclusivamente servir de fondo de todo aquello que contiene, pero no deja de ser importante. Header, Head o Cabecera: Es la parte superior del blog, lo primero que vemos al entrar en un blog. Contiene el "pagetitle" o título del blog, y la "Description" o descripción que pongamos de nuestro blog. Generalmente contiene nuestra imagen corporativa, logo, o imagen que queramos que nos represente. Aquí puede colocarse también cualquier elemento distinto a estos, menos los "post" (que son el contenido principal de un blog). Tiene un tamaño fijo definido por nosotros en la plantilla y que podremos modificar a nuestro gusto. Main column o Columna principal: Es la parte que da contenido a nuestro blog, en ella se colocan todos los "post" ordenados por fecha de entrada (los más antiguos abajo). Los "post" solo pueden ir en esta parte del blog, y contienen fundamentalmente texto, aunque dentro de cada post puede colocarse cualquier otro elemento (imágenes, animaciones, videos, widgets o artilugios, enlaces o "links", etc...). De esta parte definimos en la plantilla la anchura, pero no la altura, ya que ésta dependerá del número de "post" que muestre.

12


Sidebar o Barra lateral: Aquí no podemos colocar "post", pero sí cualquier otro elemento que soporte nuestro blog (imágenes, animaciones, videos, widgets o artilugios, enlaces o "links", publicidad, etc...). También definimos su anchura, pero no su altura, ya que dependerá, como en el caso de la Columna principal, de los elementos que contengan. Nuestro blog puede contener dos sidebars, las dos al mismo lado de la columna principal, o una a cada lado. Y tendrán la anchura y separación a la Columna principal que nosotros decidamos y definamos en la plantilla. Footer o Pie de página: Como su nombre indica, es la parte inferior que cierra nuestro blog. También aquí puede colocarse cualquier elemento, menos los "post". Tiene un tamaño

fijo

que

definimos

a

nuestro

antojo

en

la

plantilla.

Widgets, gadgets o artilugios para todos Aquí os dejo una relación de sitios para descargar Widgets o artilugios: GOOGLE GADGETS: Un sitio imprescindible, cientos de artilugios para todos los gustos (noticias, juegos, relojes, tiempo atmosférico, fechas, calendarios y un largo etc...) No puedes dejar de verla. El calendario que puedes ver en mi blog es de aquí. WIDGETBOX: Otra página totalmente necesaria, aunque está en inglés. Muy parecida a la página de google gadgets. Cientos y cientos de artilugios aunque ya te digo que la mayoría están en inglés. En mi blog puedes ver un ejemplo con la carta de colores y su código Hex en la sidebar. HISTATS: Contadores de visitas de todas las formas, estáticos, dinámicos, de varias líneas... Seguro que encuentras uno que te guste. CONTADORES WEB: Contadores de visitas y relojes. METEO RED: El tiempo atmosférico de tu localidad en el blog, actual o la previsión, y con muchos diseños. En mi blog he colocado un widget de esta página, indica el tiempo actual en Sevilla. MARCOVANVEELEN: Creación de botones, configurables en todos los aspectos. CLOCK LINK: Una gran cantidad de relojes para tu blog. Editables en colores y tamaños.

13


Slideshows...muestra un album fotográfico en tu blog de manera artística "Slideshow" son presentaciones de varias fotografías aplicando ciertos efectos más o

menos complejos, y más o menos vistosos. Mirad los ejemplos pinchando sobre el título ... Para conseguir efectos como los de los ejemplos anteriores, entrad en una de estas páginas, aunque en alguna os tendréis que registrar: slide.com: Esta es la página en la que he hecho los dos ejemplos anteriores. Fácil de manejar, no os tenéis que registrar, y está en español. Imageloop: También cantidad de efectos y en español, pero aquí sí os tenéis que registrar. Picturetrail: Muchos y buenos efectos, pero pasando por registro. También desde Flickr podéis hacer presentaciones o slideshows de fotografías, pero siempre que tengáis una cuenta en yahoo (es gratuito) y fotografías alojadas allí.

Utilidades online para crear efectos en tu blog Hay muchas páginas web que te permiten hacer numerosos efectos para colocar en tu blog, estas son algunas de ellas: online-image-editor: Herramienta online IMPRESCINDIBLE par aplicar numerosos efectos a las imágenes que vayas a subir a tu blog. Está en inglés, pero resulta de muy fácil manejo. flash-gear: Muchos efectos que podrás aplicar como widgets. Uno de los más curiosos de esta web es el crear un puzzle con tus propias imágenes. Fotline: En este sitio web podrás añadir a tus fotografías efectos de reflejo de agua. Te dejo un ejemplo.

Como un pequeño inconveniente, añade el nombre de la página "Fotline" en la parte inferior de la imágen creada. Pero con cualquier editor, por ejemplo online-imageeditor es fácil de recortar (como he hecho yo en la imagen del ejemplo) Picasion: Esta página te permite crear "gif" o imágenes animadas, a patir de tus propias

14


imágenes. Con un máximo de 10 imágenes y con el tamaño que tu quieras. Muy buena página, la usarás en numerosas ocasiones. glitter-graphics: Animaciones, efectos, letras, mensajes... y mucho más. Está en inglés. Os dejo dos "gif" obtenidos de esta página....

......... Blinkyou: otra web con dibujos, gifs, letras y efectos. Está en inglés. Picmarkr: Añade marcas de agua a tus fotografías. Puedes añadir tu nombre, cualquier texto, logos, etc... Favicon: Crea iconos de cualquier fotografía o dibujo que tengas. Tamaños de 32 x 32 pixeles o de 16 x 16.

Imágenes en tu blog y su manipulación Un componente importantísimo en tu blog serán, casi con total seguridad, las imágenes. Ya sean de caracter decorativo, informativo en los "post", como "divider", o como enlace, sin lugar a dudas que deberás conocer como se insertan imágenes, y sus manipulaciones principales. Tendrás dos formas de hacerlo: La primera es desde el propio menu de "Blogger", tanto en "creación de entradas/crear", como en "Plantillas/Elementos de la página/Agregar elemento a la página", encontrarás la posiblidad de insertar imágenes, videos, y otros elementos. Pero sus posibilidades de manipulación son muy escasas, si solo usas esta forma de insertar imágenes. Por lo que deberemos usar códigos html ... Leer completo...[+/-] Donde queramos situar una imagen, lo haremos como "Elemento html", con el siguiente código: <img src="URL DE LA IMAGEN" > Si además queremos señalar un tamaño concreto para la imagen, independientemente del tamaño que tenga, usaremos los parámetros width (anchura) y height (altura), de la siguiente forma: <img src="URL DE LA IMAGEN" width="ANCHURA" height="ALTURA" > Tened en cuenta que si solo se coloca una de estas dos variables, la imagen se reducirá o ampliará manteniendo su proporsión entre altura y anchura, pero si se colocan las dos esta proporsión puede romperse, y la imagen aparecer más alargada o ancha.

15


Otro modificador muy usado es para centrar la imagen en el elemento que lo contenga (post, sidebar, cabecera, etc...), se realiza añadiendo al principio y al final el siguiente código: <center><img

src="URL

DE

LA

IMAGEN"

width="ANCHURA"

height="ALTURA"></center> Por último, por ahora, veremos como posicionar una imagen en un lugar concreto del blog o del elemento que lo acoja: <div style="position:absolute;top:100px;left:100px;"><img src="URL DE LA IMAGEN" width="ANCHURA" height="ALTURA"></div> Con "absolute" indicamos que la posición está referida a la totalidad del blog. La otra opción sería colocar "relative", con lo que indicaríamos que la posición indicada se refiere al elemento donde está colocada la imagen. En "top" indicamos la distancia en pixeles al borde superior, y en "left" la distancia en pixeles al borde izquierdo. (en el ejemplo se ha colocado "100" como orientativo, este valor dependerá de cada blog y de dónde quiera ponerse la imagen). También podemos indicar la distancia al borde inferior (sustituyendo "top" por "bottom", y al borde derecho (sustituyendo "left" por "right"). HACED PRUEBAS, VERÉIS COMO ES MÁS FÁCIL DE LO QUE PARECE.

Primer paso (Crear un blog en alojamiento gratuito) Está claro que el primer paso, antes de nada, es crearte tu blog en un alojamiento gratuito. Os dejo enlaces a las principales plataformas gratuitas en español:

Supongo que faltarán algunas, pero a mi juicio estas son las más importantes. Yo solo puedo recomendaros "Blogger", que es la única que conozco, y en la que está alojado este blog. Pero para los que queráis comparar antes de decidiros, os dejo un enlace con una comparativa de algunas de ellas en Blogmundi.

16


10 respuestas y consejos para los nuevos bloggers Si eres nuevo en el mundo de los blogs o aún no tienes uno propio, y tienes ganas de mejorar los diseños que tu plataforma te ofrece, sigue leyendo… Quiero tener un Blog propio… ¿qué hago?...[+/-] El primer paso es crearte un blog en alguno de los alojamientos gratuitos que existen. El mío está alojado en “Blogger”, pero hay muchos más. Allí elegirás el nombre para tu blog. Pincha Aquí para ampliar este tema y ver los alojamientos gratuitos más importantes. Yo solo puedo aconsejarte “Blogger”, ya que es el que yo uso y va bastante bien. Además de ser el más extendido en el mundo, según creo. ¿Qué es un Blog y de qué partes se compone?...[+/-] Un Blog no es más que una página web “sencilla”, que está realizada mediante una plantilla en algún lenguaje de marcación (html, xml, …). No es necesario tener conocimientos de estos lenguajes para poder modificar las plantillas preestablecidas por las plataformas de blogs. (Y el ejemplo más claro lo tienes en mí, yo tengo muy pocos conocimientos de lenguaje “html”). Para entender más algunos conceptos y post de este Blog, necesitas conocer las partes que componen un Blog. Pincha Aquí. ¿Cómo cambio el diseño del Blog que he creado anteriormente?...[+/-] Todos los blogs están realizados a base de una plantilla editable, que puedes ver y manipular tú mismo. Claro está, teniendo algunos conocimientos básicos de lenguaje “html”. Sin embargo, hay mucha gente como yo, que desinteresadamente se dedica a crear plantillas con nuevos diseños de blogs. Así, simplemente cambiando tu plantilla original por la que puedes descargarte en “Blogs made in spain” o en otros lugares, tendrás diseños más adaptados a tu gusto y más originales. Si quieres ver todas las plantillas diseñadas por mí, pincha Aquí. Y si deseas ver otras páginas de plantillas gratuitas pincha Aquí. ¿Qué precauciones debo tener antes de cambiar la plantilla de mi blog?...[+/-] Lo primero de todo, irte a “Diseño/Edición de HTML”, y allí pinchar en “Descargar plantilla completa”. Te pedirá donde deseas descargarla dentro de tu PC, y una vez elegida la ruta pincha en “Guardar”. De este modo tendrás una copia completa de tu plantilla actual, en formato “XML”. Es importante saber que casi todos los elementos que hayas creado en tu blog y que no sean entradas o “post”, se perderán cuando cambies la plantilla. Pero esto tiene fácil solución, la más sencilla de todas es irte a “Elementos de la página” y editar los elementos que tengas, copiando su edición en formato “html” a cualquier editor de textos (MS Word, Bloc de notas, etc…). Para, una vez que hayas cambiado la plantilla, irte a “Añadir un elemento de página”, e ir creando los elementos en “html” que antes has copiado al editor de textos. Las entradas o “post” que tengas NO se perderán, ni ningún elemento dentro de ellas, así como, el título, la descripción, etc…

17


¿Cómo cambio la plantilla de mi blog?...[+/-] Insistir en que al cambiar la plantilla de tu blog, se perderán casi todos los elementos que no sean entradas o “post”, aunque hay formas para poder recuperarlos después del cambio, como hemos visto en la respuesta anterior. Pero NO se perderán ninguna de las entradas o “post” que tengas. En el caso de “Blogs made in spain” cuando te descargues una plantilla (Instrucciones de descarga), deberás descomprimir la carpeta que te has descargado con WinZip u otro compresor que soporte archivos “zip”. Al descomprimir, encontrarás los siguientes archivos: • Todas las imágenes que contiene el diseño de la plantilla que te has descargado. • Un archivo de texto denominado “INSTRUCCIONES” seguido del nombre de la plantilla, donde encontrarás un resumen de lo que necesitas saber para instalar esa plantilla. • Un archivo con extensión “XML”, que es la plantilla en sí. Vete a “Diseño/Edición en HTML” y pulsa “Examinar” en “Carga una plantilla desde un archivo de tu disco duro”. Busca en tu PC el archivo “XML” que has descomprimido anteriormente y pincha en “Subir”. En la parte de debajo de la pantalla en “Diseño/Edición en HTML” podrás ver tres opciones: • “BORRAR CAMBIOS”, para volver a tu plantilla anterior. • “VISTA PREVIA”, para ver que tal ha quedado el nuevo diseño en tu blog. • “GUARDAR PLANTILLA”, para guardar tu plantilla si los cambios que has hecho son de tu gusto. Cuidado, que una vez guardada, ya no te funcionará “Borrar cambios” NO OLVIDAR “GUARDAR PLANTILLA” ANTES DE SALIR, si los cambios que has hecho te gustan. El famoso CTRL + F....[+/-] Cuando estás editando una plantilla en “Diseño/Edición en HTML”, puedes localizar una palabra que te interese pulsando a la vez las teclas “CTRL” y “F”. Te saldrá un buscador como este:

18


Coloca en ese cuadro la palabra o parte que te interesa encontrar. Ten en cuenta que la mayoría de las plantillas tienen entre 1.000 y 3.000 palabras, por lo que buscar algo a veces puede ser tedioso, si no utilizas este buscador. Aloja todas las imágenes que utilizas en tu blog en alguna página de alojamiento gratuita....[+/-] Mi consejo es que alojes todas las imágenes que componen tu blog en alguna de las páginas de alojamiento gratuitas. Si quieres ver las más importantes pincha Aquí. También guarda una copia de todas las imágenes en tu PC, algún día puedes necesitarlas. En todos los archivos de instrucciones de las plantillas que podéis descargaros aquí va este texto: Aloja las imágenes que se acompañan en alguna de las páginas de alojamiento de imágenes, dentro de una cuenta que tú te crees. Y después vete a "PANTILLA/EDICIÓN DE HTML", y localiza con CTRL+F el nombre de estás imágenes en la plantilla, sustituyendo la ruta URL por la nueva en la que hayas alojado las imágenes. (Aunque inicialmente os funcione perfectamente la plantilla sin hacer esto, yo no puedo garantizar el alojamiento de estas imágenes, por eso recomiendo que las redireccionéis a la nuevas URL donde las tengáis alojadas.) HACEDLO si no queréis tener sorpresas en el futuro. Nota: La ruta URL no es más que la dirección completa, incluyendo http://, que os dará la web de alojamiento para cada imagen. ¿Qué es eso de “suscribirse” a un blog?...[+/-] En este video que nos dejó la compañera de El escaparate de Rosa en un post, lo entenderéis mejor. Pinchar Aquí. (Está subtitulado en español) ¿Cómo administro mi blog si no tengo la barra superior de “Blogger”?...[+/-] En todas las plantillas que os podéis descargar de “Blogs made in spain” desaparece la barra que “Blogger” coloca en la parte superior del blog, y con la que podéis acceder directamente a editar el blog o hacer una nueva entrada. Algo como esto:

En mis diseños he optado por quitarla por un tema estético. Pero cuando queráis entrar en la edición de vuestro blog, simplemente entrar en la página inicial de “Blogger” e identificaros con el nombre de usuario y contraseña. De esta forma accederéis al Panel donde podéis Administrar todos vuestros blogs. Pincha Aquí. Acuérdate de incluir tus agradecimientos. ...[+/-] Lo

normal

y

moralmente

razonable,

es

añadir

a

tu

blog

un

apartado

de “Agradecimientos” donde incluyas aquellas webs o blogs que te han servido de gran ayuda para el tuyo, ya sea en el diseño, contenido, alojamiento, etc… Si usas una plantilla en la que desaparezca la barra superior de “Blogger”, no olvides incluirlo en tus agradecimientos, al fin y al cabo sin las plataformas de alojamiento de blogs

gratuitos

el

99%

de

nosotros

no

existiríamos

en

la

red.

19


Lenguaje HTML para novatos Por muy nuevos que seáis en el mundo de los blogs, tarde o temprano os interesará conocer algo más de ese lenguaje tan "raro" en el que están hechas las plantillas de los blogs, el lenguaje de marcación HTML. Aunque sea tan solo para realizar pequeñas modificaciones dentro de vuestros blogs, aunque realmente con pocos conocimientos y poco esfuerzo podréis llegar a modificar y rediseñar completamente plantillas. Os dejo tres enlaces donde podréis encontrar manuales de html básicos, pero muy jugosos: Tutotial HTML de Vagabundia: Muy completo y fácil de entender. En los botones de la izquierda de esta página encontraréis el índice y las partes de que se compone este tutorial. (Muy recomendable) html - basico: Algo más básico que el anterior, pero muy útil en el diseño y manipulación de las plantillas. Además, este blog está creando un blog dedicado exclusivamente a dudas, preguntas o consultas de estos temas. banzai.forumcommunity.net: Es el más básico de los tres, pero incluye lo más usado a la hora de rediseñar plantillas. Es muy corto, por lo que es imperdonable no leerlo.

Saluda a tus lectores con tu propia voz. En la parte superior de mi sidebar, justo debajo del traductor hay un widget titulado "Mensaje de Bienvenida:", conecta los altavoces y pincha en él... (Es posible que tengas que pinchar primero sobre el elemento, y pinchar de nuevo sobre el botón de "Play") Es un saludo a mis lectores de bienvenida y agradecimiento. Con esto podemos conseguir humanizar nuestro blog, acercarnos nosotros mismos más a los que nos visitan. Creo que sería una buena medida introducir este tipo de mensajes de voz en todos los blogs. Aunque solo sea un mensaje de 10 o 15 segundos, con eso basta. ¿Quieres saber como puedes hacerlo? Leer completo...[+/-] Después de dos semanas probando distintos métodos existentes para reproducir archivos mp3 en nuestros blogs (hay muchos métodos), ninguno me daba la suficiente confianza y fiabilidad. Hasta que encontré un reproductor online para mp3 llamado Dewplayer, con él se ha realizado el widget que pasaré a describir, y con el que he obtenido un 100% de eficacia, por lo que os pediría que si alguien no escucha bien el mensaje me deje un comentario, por favor.

20


Evidentemente todo parte por poder grabar tu voz, y después recomiendo pasarlo a archivo tipo mp3, ya que es el que menos memoria ocupa, y por tanto prácticamente no existen tiempos de espera. En cuanto a grabar tu voz, hoy en día casi todos tenemos una grabadora, cámara o reproductor mp3 que nos puede servir. Debemos alojarlo en un servicio de alojamiento gratuito, que además tenga un acceso directo a este tipo de archivos de sonido, por ejemplo.... Google Pages Así, nuestro widget quedará con el siguiente código: Conecta

los

altavoces

y

pulsa

"Play"<object

data="URL

COMPLETA

DEL

MP3&bgcolor=ffffff" width="200" height="20" type="application/x-shockwave-flash"> <param value="http://www.estvideo.com/dew/media/ dewplayer.swf?mp3= URL COMPLETA DEL MP3&bgcolor=ffffff" name="movie"/> </object> Primero una frase para incitar a escuchar, aunque también puedes colocar una imagen o cualquier otro elemento. Después coloca en dos lugares la URL COMPLETA DEL MP3, ruta donde lo hallas alojado, incluyendo http//. También puedes probar a cambiar los códigos de los colores para adaptarlo a la estética de tu blog. Edito este post para informaros que he actualizado algún problema con este widget en un post posterior... enlace.

Saluda a tus lectores con tu propia voz (Segunda parte) Hace poco publiqué un post explicando una forma de saludar en el blog a tus lectores con tu propia voz... Post anterior. Mis lectores me han puesto sobre aviso de dos problemas: El primero de ellos es que, parece ser, que con el navegador Firefox no funciona perfectamente, incluso en ocasiones ni siquiera puede verse este widget. Y el segundo es que hay más gente de lo que yo pensaba que no tienen la posibilidad de gravar su voz en formato digital. Pues bien.... LOS DOS PROBLEMAS TIENE FÁCIL SOLUCIÓN... Vamos allá. Leer completo...[+/-]

21


Para que nuestro widget se vea perfectamente y funcione en Firefox cambiar el código del Post anterior por este nuevo código: <center><object

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=7,0,0,0"

height="20"

align="middle"><param

value="sameDomain"

name="allowScriptAccess"/><param value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=URL

COMPLETO

DEL ARCHIVO MP3&amp;bgcolor=FFFFFF" name="movie"/><param value="high"

allowscriptaccess="sameDomain" align="middle" type="application/x-shockwave-flash" height="20"

src="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=

COMPLETO

DEL

ARCHIVO

MP3&amp;bgcolor=FFFFFF"

URL

bgcolor="FFFFFF"

width="200" name="dewplayer"></embed></object></center> Después de <center> podéis colocar una frase para incitar a escuchar, aunque también puedes colocar una imagen o cualquier otro elemento. Después coloca en dos lugares la URL COMPLETA DEL MP3, ruta donde lo hallas alojado, incluyendo http//. También puedes probar a cambiar los códigos de los colores para adaptarlo a la estética de tu blog. Para el segundo problema que hemos comentado, es decir, para aquellos que no tengáis medios para gravar vuestra voz, os dejo este enlace con una web en la que solo tenéis que escribir vuestro mensaje, y os generará en pocos segundos un archivo "wav". Podéis elegir entre voz masculina o femenina, y el idioma. (Si es español, también podréis elegir entre distintas voces de países latinoamericanos). Es muy muy buena, aunque claro está la voz os sonará un poco artificial y no será la vuestra, pero sí podréis expresar en palabras lo que queréis decir a vuestros lectores. Ya lo único que os queda es pasar este archivo "wav" que os genera está web, a un archivo "mp3", y para ello existen muchos conversores, algunos incluso online. Seguro que muchos usáis "Nero" para copiar cd o dvd, pues "Nero" incorpora el "WaveEditor", con el que simplemente abriendo un archivo de sonido o música, después puedes guardarlo con el formato que quieras, entre ellos el "mp3".

22


Las webs más divertidas que he visto en internet Si queréis risas garantizadas para bastante tiempo, no podéis dejar de visitar estas tres webs que voy a comentaros. Con las tres podremos hacer retratos de nosotros, de nuestras familias, amigos o enemigos... Claro está, unos retratos muy "especiales". ¿Quién es el personaje de las fotografías?... Es muy muy conocido.

Leer completo...[+/-] Supongo que más de uno ya lo ha adivinado, sí ... es Ricky Martin, aunque está un poco cambiado. Las tres primeras fotografías están realizadas en la web Face of the future, es una web que realiza "morphing" de caras al instante, puede hacer caricaturas, cambiar de raza, envejecer o rejuvenecer cualquier rostro. Si tienes hijos, prueba cómo serían de adolescentes, de adultos o de ancianos. Está en inglés, pero es muy fácil de usar. Otra de las web es PicHacks, donde jugando con las simetrías podrás crear retratos como el de la cuarta fotografía que os puse al principio del post. También muy divertida, y en ingles, pero aún más fácil de manejar que la anterior, aunque mucho más limitada. Y por último, y no por ello menos divertida, es Simpsonize Me, donde podrás crear un personaje de los Simpsons desde una fotografía tuya o de quien tú quieras. Ahí va el de Ricky martin...

También incluiré mi propio retrato como personaje de los Simpsons, realmente tiene cierto parecido:

23


Escalado líquido, ya está aquí Los que uséis el programa Adobe "Photoshop", y seáis un poco aficionados al diseño gráfico o diseño web, seguramente lleváis oyendo eso del "escalado líquido" algunos meses. Se comenta que la nueva versión de "Photoshop" traerá esta herramienta. Pues bien, ahora podemos usarlo todos nosotros sin necesidad de esperar a este programa u otros similares..... En esta web podemos realizar escalado líquido online, totalmente gratuito y sin tener que registrarnos:

¿Qué puede hacer este "escalado liquido"? ... Veamos un ejemplo con dos pequeñas imágenes:

La primera imagen es la original, y la segunda tiene un reescalado disminuyendo su altura en relación a su anchura. Pero si observáis los elementos (peces grandes, peces pequeños y burbujas), tienen la misma proporción que en la imagen original....¿MAGIA?

No, es el escalado liquido. Esta herramienta es capaz de distribuir los mismos elementos que hay en la imagen original sin apenas cambiarles la altura o la anchura, pero sí cambiar la proporción en toda la imagen. Y todo en pocos segundos. Esto no deja de ser un pequeño ejemplo, pero las posibilidades son numerosas. Un pequeño inconveniente es que la página está en inglés, pero si la cargáis en cualquier traductor online, será más fácil.

24


Banners online y gratis para todos Los Banners no son más que un formato publicitario de internet, aunque si queréis profundizar más en su definición Wikipedia lo define perfectamente aquí. Normalmente se usa para alojar publicidad de alguna otra web en tu blog, pero también puedes crearlos para redireccionar a otros blogs, a distintas etiquetas o elementos de tu propio blog, etc... Y por supuesto, para llamar la atención a tus lectores, lo mejor es que sean banners animados, que presenten cierta animación o movimiento. Podéis ver un ejemplo de esto en mi sidebar, con un gran botón que cambia constantemente de color y que os redirecciona hacia "Todas las Plantillas diseñadas por mí". Con ellos podéis llamar la atención de vuestros lectores hacia algo que os interese destacar en ese momento. Realmente lo que a un bloguero puede interesarle más es como crearlos de forma gratuita y online. Pues bien, para eso existen muchas webs que nos ofrecen ese servicio, aunque en algunas debéis estar registrados, entre ellas yo destacaría las siguientes: Quickbanner Flash Banner Now Ciberzonia Animation online Banner Break

Crear tu propio foro gratis Seguramente muchos de vosotros habéis pensado alguna vez en crear vuestro propio foro, de deportes, literatura, arte, informática, videojuegos, diseño, etc... Y no sabéis por donde empezar. Pues en realidad es mucho más fácil de lo que imagináis, ya que existen numerosas webs especializadas en dar este servicio totalmente gratis. Tan fácil como registraros, crear vuestro foro, rediseñarlo a vuestro gusto, y a "forear". Os dejo enlaces a las principales que he encontrado en español:

Esto no es una lista exhaustiva, seguramente faltan varias, pero con estas tenéis una buena lista para comenzar. Quizás un foro sea el complemento ideal para vuestro blog.

25


Como abrir una ventana emergente (pop-up) desde vuestro blog Todos sabréis lo que es una ventana emergente o pop-up, que la mayoría de las veces está relacionada con la "molesta" publicidad de algunos sitios web. Pero esto no tiene porque ser así, no siempre se usan para publicidad, y pueden tener muchos usos diferentes en nuestros blogs. Lo interesante de estos pop-up es poder controlar donde se abren (en que lugar de la plantalla) y poder definir su tamaño. Pues hoy os traigo un sencillo código Javascript para abrir estas ventanas emergentes cuando pinchemos sobre un elemento determinado. Pincha Aquí... En este caso es una imagen de mi logo lo que verás, pero por ejemplo también puedes escuchar un sonido, una canción, ver un video, etc... Conecta los altavoces y pincha Aquí... Leer completo...[+/-] El código que debes usar para abrir una ventana emergente pinchando sobre un texto, como los dos ejemplos anteriores, es el siguiente: <a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open (this.href,

this.target,

'width=300,height=400,top=200px,left=300px');

return

false;">TEXTO PARA PINCHAR</a> Adapta todo lo que está en color gris a tu blog, coloca la URL completa del archivo que quieras abrir en la pop-up (imagen, gif, sonido, canción, video, etc...), en "width" y "heigth" define el ancho y el alto de la ventana, con "top" marca la distancia superior que deseas, con "left" la distancia al margen izquierdo, y por último coloca el texto que verán tus lectores para pinchar. Pero ahora vamos un paso más allá, veamos como podemos colocar una imagen para que al pinchar sobre ella aparezca la ventana emergente. Pincha sobre el logo...

Ahora el código quedaría así: <a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open (this.href,

this.target,

'width=300,height=400,top=100px,left=100px');

return

false;"><img src="IMAGEN PARA PINCHAR"/></a>

26


Como alojar imagenes en Google Pages Ante la gran cantidad de consultas que ha generado el tema de alojar archivos en Google Pages, y en vista de que inicialmente no es nada fácil, he decidido redactar este post para ayudar a los que comienzan su andadura en el mundo de los blogs. Primero comentar que ningún servicio de alojamiento de imágenes o archivos de carácter gratuito es infalible, ni siquiera los que no son gratuitos. Algunos tienen como punto débil la cantidad máxima de Megas que puedes alojar, otros el ancho de banda, etc... En mi experiencia puedo asegurar que Google Pages es uno de los mejores y más fiables, no en vano pertenece a una de las compañías más poderosas el sector. Esto no quiere decir que no tenga fallos, el más llamativo su escaso ancho de banda, que no lo hace recomendable para que una gran cantidad de usuarios carguen a la vez una imagen o archivo. Por eso mismo, yo he recomendado innumerables veces que los que uséis plantillas diseñadas por mí, alojéis las imágenes que se usan en las mismas en vuestra propia cuenta creada en Google Pages o en otro servicio gratuito. En este post enumeraba algunos de los más conocidos servicios de alojamiento gratuitos. Si os interesa el tema seguid leyendo... POST EDITADO 25-08-2008: Parece confirmado que el servicio GOOGLE PAGES va ha desaparecer a finales de este año, por lo que recomiendo para alojar vuestras imágenes que escojáis cualquier otro servicio de alojamiento gratuito. Incluso las imágenes o archivos que tengais alojados ya, cambiarlos a otro servicio. Leer completo...[+/-] En realidad este servicio de Google está pensado para crear páginas web gratuitas, aunque algo rudimentarias, pero se le da mejor uso como alojamiento de imágenes o archivos. Comenzaré explicando desde el principio del todo, es decir, creando una cuenta en Gmail, si ya la tenéis podéis saltaros este paso: Entrar en la página inicial de Google Pages, una vez allí verás algo parecido a esto:

27


Pinchando en la parte que os he marcado en color rojo "No Gmail Account? Sign up", pasaréis a la página para crear una cuenta en Gmail, llamada "Crear una cuenta de Google - Gmail", ahí podrás fijar los parámetros que desees para tu nueva cuenta de email. Cuando termines de introducir los datos que te piden vete al final de la página y pincha en "Acepto.Crear mi cuenta". Ya habrás creado tu cuenta en Gmail y te abrirá una página de presentación. Vete ahora de nuevo a la página inicial de Google Pages, pero ahora solo tendrás que introducir tu nombre de cuenta completo y tu password. Pincha en "Sign in". Entrarás en la página llamada "Welcome to Google Page Creator", pincha en "I´m ready to create my pages", te lo marco en rojo en la siguiente imagen:

Esto te llevará a la parte inferior de la página, donde tendrás que marcar el cuadradito de "I have read and agree to these Terms and Conditions", y una vez aceptadas las condiciones de uso, pinchar sobre el botón inferior de color gris. Entrarás en una página donde no tienes que hacer nada, exclusivamente pincha sobre "Back to Site Manager", lo llevas marcado en color rojo en la imagen inferior:

28


Una vez hecho todo esto ya estarás en condiciones de poder alojar imágenes u otros archivos (por fin....). Habrás entrado en tu "Site Manager", y verás a la derecha de la página una sección titulada "Uploaded Stuff", ahí es donde te aparecerán todas las imágenes que tengas alojadas, pero de momento debe aparecer vacío. Picha en [upload] y ya podrás examinar tu PC para buscar las imágenes o archivos que quieres alojar. Te dejo una imagen de esto:

Ya cada vez que entres en http://pages.google.com/ entrarás directamente a tu "Site Manager", después de poner tu e-mail completo y tu password. En la parte inferior del "Site Manager" verás el porcentaje de memoria usada de los 100 Mb que dispones, pero mi consejo es que no uses más de un 15 o 20 %. Siento haberme extendido tanto, pero la verdad es que el tema es un poco lioso, y he preferido explicarlo para que todos lo entendáis.

Hacer una copia de seguridad completa de tu blog La verdad es que cuando uno empieza en este mundo de los blogs y webs no le da excesiva importancia a este tema, pero a la vez que va creciendo tu número de entradas o posts empieza a preocuparte cada vez más el que un día tu blog tenga problemas y no puedas recuperarlo total o parcialmente. Para realizar una copia de seguridad completa de tu blog, y poder recuperarlo cuando lo necesites, tienes que tener en cuenta estas cuatro partes que lo componen: 1.- La plantilla o template. 2.- Las Entradas o Posts. 3.- Los comentarios de tus lectores. 4.- Los elementos o widgets insertados en la sidebar, footer u otro lugar.

29


Si eres usuario de Blogger este post puede indicarte algunos de los métodos que se usan para hacer copias de seguridad completa de blogs. Leer completo...[+/-] En primer lugar hay que decir que no existe ningún sistema gratuito que te permita hacer copias de seguridad de los cuatro elementos a la vez (al menos que yo conozca), pero sí existe la posibilidad de salvaguardar estos elementos por separado de una forma fácil, segura y totalmente gratis. Veamos algunos métodos para hacerlo en cada uno de los puntos: 1.- La plantilla o template. Es la más fácil de todas, porque Blogger te permite hacerlo desde el editor de tu blog sin ningún problema. Para ello dentro del editor de tu blog entra en "Diseño/Edición de HTML", activa el botón "Expandir plantillas de artilugios". Una vez hecho esto pincha en "Descargar plantilla completa", en el cuadro que te salga pincha en "guardar" y elige la ruta donde quieres guardar la plantilla dentro de tu PC. Te guardará un archivo con extensión "xml", que podrás recuperar en cualquier momento en tu blog también en "Diseño/Edición de HTML", desde el cuadro "Cargar una plantilla desde un archivo de tu disco duro", y pinchando en "Subir". 2.- Las Entradas o Posts. Es lo más importante de tu blog, su contenido principal y a lo que dedicas la mayoría del tiempo. Para hacer una copia de seguridad de ellos existen algunas páginas que gratuitamente te hacen la copia y te la alojan, teniendo después la posibilidad de restaurarlas al blog. Entre ellas destaca BlogBackupOnline , que sin ninguna limitación te permite hacer la copia de seguridad cuando tú lo desees o diariamente de forma automática. Un pequeño inconveniente es que está en inglés. Otra web donde puedes hacer la copia de seguridad de las entradas es en BlogBackupr , aunque este servicio solo te permite guardar los últimos 25 posts y también está en inglés. También te será posible poder copiar tus últimos 25 posts usando esta ruta: http://NOMBREDETUBLOG.blogspot.com/feeds/posts/default?max-results=1000 Donde debes cambiar "NOMBREDETUBLOG" por el que proceda en tu caso. Esa ruta te llevará a un página donde están incluidos tus últimos 25 posts, por lo que simplemente en el menú de tu navegador deberás buscar la opción "Guardar como..." y guardarlo en tu PC con el tipo de archivo que elijas según sea Internet Explorer o Firefox. 3.- Los comentarios de tus lectores. Es la parte más complicada de hacer, ya que no existe ningún sistema o web que te permita hacer una copia de seguridad de los comentarios de tu blog y poder después recuperarlos. (Al menos gratuitamente) La única posibilidad que yo conozco es usando esta ruta:

30


http://NOMBREDETUBLOG.blogspot.com/feeds/comments/default?max-results=1000 Donde, al igual que antes, debes cambiar "NOMBREDETUBLOG" por el que proceda en tu caso, y si tienes más de 1000 comentarios en tu blog, aumentar este número en la ruta anterior. Esta ruta te lleva a una página donde están incluidos todos los comentarios que existan en tu blog, sin ninguna limitación. Por lo que simplemente en el menú de tu navegador deberás buscar la opción "Guardar como..." y guardarlo en tu PC con el tipo de archivo que elijas según sea Internet Explorer o Firefox. Si haces esto de una manera periódica, siempre tendrás en tu PC una copia de seguridad actualizada de los comentarios. 4.- Los elementos o widgets insertados en la sidebar, footer u otro lugar. Otro elemento para el que no existe ningún servicio que te genere y guarde una copia de seguridad. Yo os comentaré aquí un método algo "artesanal" pero infalible y que te permitirá recuperar todos los elementos o widgets cuando tú quieras. Consiste en crearte un archivo en cualquier procesador de textos (MSWord, blogs de notas de Windows, etc...), donde irás copiando las ediciones html de todos los elementos que tienes en tu blog, de una manera ordenada y clasificada si está en la sidebar, en el footer, en el header, etc... Los elementos que hallas colocado directamente como un elemento de Blogger y no tengas acceso a su edición en html (Lista de blogs, presentación, texto, perfil, archivos del blog, etc...), simplemente indica en el archivo de texto qué título le has puesto y qué clase de elemento es, si es texto podrás copiarlo sin dificultad. De esta forma tendrás un archivo completo de todos los elementos o widgets que tienes en tu blog y podrás recuperarlos en caso de necesidad. Por último y a modo general, comentar que es muy recomendable tener una copia en tu PC de todas las imágenes que uses o tengas incluidas en tu blog. No te fíes de los servicios de alojamiento gratuito, ya que a veces hacen cosas "extrañas" y pueden dejarte sin alguna de esas imágenes. Disculpad que me extendiera tanto, pero el tema merecía una explicación detallada.

31


Un diseño de plantilla muy especial Hoy quiero mostraros el trabajo de un fotógrafo aficionado que conocí por Blogsmadeinspain, Pepe Alcaide. Sus fotografías son impresionantes y de una calidad altísima, no dejéis de ver su álbum en Flickr. He diseñado una plantilla muy especial donde expone parte de sus fotografías, en concreto las que hacen referencia a paisajes y lugares de Alicante. Pincha aquí o en la imagen para ver su blog. Es muy probable que use algunas de sus fotografías para diseñar algunas plantillas, hay muchas que me gustan, y ya tengo su permiso para usarlas. No podéis dejar de ver su álbum en Flickr, estoy seguro de que os va a encantar.

Otras 10 respuestas y consejos para los nuevos bloggers Con las consultas que muchos de vosotros me habéis hecho, y con mi propia experiencia os escribo otras 10 preguntas y consejos para los que empezáis en este fantástico mundo de los blogs. Ya escribí otro post con esta temática, muy interesante a nivel básico, y de lectura imprescindible. Si queréis leerlo pinchar Aquí. ¿Qué es eso del lenguaje html?...[+/-] El lenguaje HTML no es más que uno de los lenguajes de marcación con el que se estructuran las páginas web y los blogs. Si alguno queréis profundizar más en este término os enlazo con la definición que hace Wikipedia de este lenguaje de marcación. No necesitas tener ningún conocimiento de este u otro lenguaje para editar y modificar muchos aspectos de tu blog, pero tarde o temprano te interesará tener unos conocimientos básicos. Para cuando llegue ese día te dejo en este post algunos manuales de html, desde lo más básico hasta alguno más completo. ¿Porqué cambiar la plantilla del blog que he creado en Blogger?...[+/-] Lo primero que tengo que decirte sobre este tema es que eres tú el que tienes que estar contento con tu blog, con su imagen, su contenido, su decoración, sus elementos, etc... Lo que sí es cierto es que las plantillas que te ofrece por defecto Blogger son todas muy impersonales, son las mismas que usan miles o incluso millones de blogueros en el mundo. Si lo que deseas es que tu blog sea original y esté adaptado a tus gustos y a su contenido lo más razonable es que cambies su diseño, empezando por la plantilla. Entre todos tenemos que mejorar la comunidad hispana de blogs, ya somos muchos y tenemos que ofrecer calidad en el contenido y en el diseño. En la actualidad existen cientos de lugares donde poder descargarte plantillas para Blogger de forma gratuita, uno de ellos es este blog, donde podrás descargarte y usar todas las plantillas diseñadas por mí de una manera fácil, rápida y gratuita. Si deseas ver la colección completa de plantillas de Blogsmadeinspain pincha Aquí.

32


¿Cómo obtengo visitas del buscador Google?...[+/-] Como casi todos sabréis el principal buscador que existe en internet es Google, el más usado en el mundo con mucha diferencia. Se estima, dependiendo de la temática del sitio web o blog, que entre el 25 y el 50% de tus visitas te llegarán a través de este buscador. Si no apareces en él ... NO EXISTES en el e-mundo. Luego para obtener un buen número de visitas en tu blog, estar bien posicionado en Google y que sus robots de búsqueda localicen bien tu página es fundamental. Está claro que el tiempo y la calidad de tu contenido es lo que te dará a la larga mejor resultado, pero al principio no viene mal una "ayudita" para aumentar tus visitas y así darte a conocer. Os dejo un post de Trucosblogger donde explican muy bien cómo conseguir fácilmente que Google os tenga en cuenta en sus búsquedas. ¿Qué es eso de las ETIQUETAS y cómo puedo usarlas?...[+/-] Seguramente muchos de los que os iniciáis en el mundo de los blogs conocéis solo vagamente la importancia que tendrán en vuestro blog las ETIQUETAS. Desde el primer post o entrada que coloques será muy importante que las uses correctamente, de ello dependerá que tu blog esté bien estructurado y clasificado, porque pronto tendrás 20 entradas, 50 entradas, 100 entradas... y necesitas una estructura desde el inicio para no volverte loco. En este post podéis aprender lo básico sobre el tema de las Etiquetas. ¿Puedo estar seguro de que nunca perderé la información contenida en mi blog?...[+/-] Rotundamente NO. Ten en cuenta que puedes llevar meses o años trabajando y poniendo toda tu ilusión y esfuerzo en un blog, y una mañana cuando entres en él descubrir que lo has perdido total o parcialmente. Desgraciadamente existen muchas causas por las que puede perderse información valiosa de tu blog, o incluso perderlo totalmente. Entre ellas yo destacaría los ataques de "piratas" informáticos, baneo de los robots de Google u otros, etc... Pero existe una solución que es común en todo lo relacionado con la informática... HACER UNA COPIA DE SEGURIDAD COMPLETA de tu blog y de una forma periódica. En este post os indicaba distintas posibilidades para realizar dicha copia de seguridad de una forma fácil y gratuita. Quiero ocultar las fechas en mis entradas o post....[+/-] En algunos blogs, como sucede con el mío, la fecha en que publicas tus post no tiene ninguna importancia ni relevancia, cosa que no sucede por ejemplo con blogs de noticias, de sucesos, de viajes, etc... Para los que queráis que no os aparezca la fecha en el encabezamiento de vuestras entradas os comento a continuación cómo quitarlas. Localiza con CRTL+F esta parte de tu plantilla y borra todas las líneas que te indico: <p

class='post-footer-line

cond='data:post.labels'> var='label'>

<a

post-footer-line-2'><span

<data:postLabelsLabel/>

expr:href='data:label.url'

class='post-labels'>

<b:loop

<b:if

values='data:post.labels'

rel='tag'><data:label.name/></a><b:if

cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </p> De esta forma no te aparecerán las fechas encima de cada entrada o post que escribas.

33


¿Cómo puedo colocar un botón en mi blog para que los lectores me añadan a sus favoritos?....[+/-] Una forma de garantizar que vuestros visitantes os volverán a visitar es que os coloquen como Favoritos en su explorador o navegador. Pues bien, vamos a ponérselo fácil, para que pinchando sobre un simple widget en forma de botón os añadan a sus favoritos. Éste es el código que tenéis que pegar como elemento HTML/Javascript en vuestra sidebar o donde vosotros queráis: <center><span

style="CURSOR:

hand"

onclick="window.external.AddFavorite

('http://www.blogsmadeinspain.blogspot.com','Blogs value="--

Añadir

a

madeinspain');"><span><input

favoritos --"

onclick="javascript:agregar();"

type="button"/></span></span></center> Simplemente

cambiar http://www.blogsmadeinspain.blogspot.com por la ruta URL

completa de vuestro blog, y Blogs madeinspain por el nombre que queráis que aparezca en las listas de favoritos de vuestros lectores. Ocultar la barra de navegación o navbar de Blogger...[+/-] Supongo que todos sabéis que la barra de navegación o navbar que Blogger coloca por defecto en la parte superior de nuestro blog puede quitarse sin ningún problema, y ello no tiene ninguna consecuencia negativa. Si diseñas un blog con una plantilla atractiva y no te gusta el aspecto de la navbar, lo mejor que puedes hacerlo es quitarla, esto además te dará un aspecto más "profesional", más parecido a una página web. Para ello añade el siguiente código entre <head> y </head>: <style type="text/css"> #navbar-iframe { height:0px; visibility:hidden; display:none; } </style> Para acceder entonces a vuestro Panel de Control, como Administradores del blog, guarda como favorito esta dirección https://www.blogger.com/start y pincha sobre ella cada vez que quieras administrar tu blog. (Recuerda que "ser agradecidos es de bien nacidos"... si quitas la navbar de Blogger no olvides colocar un enlace a su página, ya que sin su servicio gratuito la mayoría de nosotros no existiríamos en el e-mundo) ¿Qué son los "Favicons"?...[+/-] Son esas pequeñas imágenes o iconos que aparecen asociados delante del nombre de una página en la mayoría de los navegadores. Aquí puedes ver como ejemplo el de este blog:

Haz una pequeña prueba para ver la importancia de que tu blog tenga uno propio, original y diferente... Despliega la lista de favoritos que tengas en tu navegador, comprobarás que los elementos que más te llaman la atención son los que tienen favicon, los otros aparecen con el pequeño icono que instale tu navegador por defecto. Si quieres tu propio favicon, creo que dos buenos sitios para hacerlos son Favicon from Pics y favicon.com

34


¿Porqué es importante pertenecer a Technorati?...[+/-] Muchos dicen que Technorati es al mundo de los blogs lo que Google es para las webs e internet. Pero Technorati no es un simple buscador, donde puedes localizar cualquier post de todos sus blogs registrados por una simple palabra, no es solo la red de blogs más grande del e-mundo, es prácticamente un portal dedicado al mundo de los blogs y a lo que en ellos se escribe. En él puedes buscar por palabras, por etiquetas, por temas, etc... y los resultados te aparecen ordenados según los últimos que se escribieron, a diferencia del buscador Google, que los ordena según la importancia que le da a cada página. Además clasifica sus blogs registrados según su autoridad (o importancia) y te da la posición en el ranking de tu blog entre todos. Además te genera una lista de sus blogs que te enlazan, llamados aquí "blogs reactions", y que en mi caso ahora es de 69 blogs reactions, aunque estoy subiendo mis parámetros casi a diario. Hay que tener en cuenta que según los últimos datos Technorati ha superado ya los diez millones de blogs, y la clasificación que tengamos es bastante respectada, cosa que no sucede con otras clasificaciones o rankings. Ahí os dejo mi Autoridad y Ranking a día de hoy (25-062008):

Como añadir un FAVICON a tu blog Ya vimos qué era un Favicon y para qué se usaba en el post anterior. Vimos que los favicons son las pequeñas imágenes o iconos que aparecen asociados delante del nombre de una página en la mayoría de los navegadores. También vimos dos buenas páginas para crearte el tuyo propio, Favicon from pics y Favicom.com. Pero se nos olvidó un tema muy importante... como añadir el que te has creado a tu plantilla del blog para que tus usuarios lo vean. Pues bien, para hacer esto solo tienes que insertar esta línea de código justo detrás de <head>: <link href='URL COMPLETA IMAGEN FAVICON' rel='shortcut icon'/> Solo tienes que cambiar URL COMPLETA IMAGEN FAVICON por la ruta completa (incluyendo http://) donde alojaste la imagen de tu favicon. Sencillo, verdad.

35


Posts imprescindibles para nuevos blogueros Ya que muchos de los que visitáis mi blog estáis empezando en el mundo de los blogs o lleváis muy poco tiempo, he decidido hacer un primer recopilatorio de los post de Blogsmadeinspain imprescindibles para ustedes. Los que lleváis algún tiempo visitándome ya los conoceréis, pero para los más nuevos os dejo 10 post o entradas que no debéis dejar de leer, los minutos que empleéis en su lectura os serán de mucha utilidad. Primer paso (Crear un blog en alojamiento gratuito) 10 respuestas y consejos para los nuevos bloggers Otras 10 respuestas y consejos para los nuevos bloggers Descripción de las partes de un Blog. Alojamiento de imágenes para uso en tu blog Como alojar imagenes en Google Pages Imágenes en tu blog y su manipulación Uso de Etiquetas y cómo ocultarlas Cambiar características del texto en las entradas Esto no deja de ser una selección que considero de lectura imprescindible, pero en el resto de entradas de este blog encontraréis muchos más temas interesantes relacionados con el diseño y decoración de blogs.

Más plantillas de Blogsmadeinspain en Btemplates.com Como os adelantaba en este post anterior la única plantilla diseñada por mí que hasta ahora había publicado Btemplates, se vería pronto acompañada por varias más. Pues bien, desde el pasado lunes 21 de Julio ya son varias más las publicadas por esta buena página recopilación de plantillas para Blogger, y pronto serán todavía más. Btemplates ha considerado que mis diseños tienen la suficiente calidad para aparecer junto a grandes diseños de plantillas o templates, algunas de autores profesionales.

36


Mi plantilla titulada "agenda_01" (titulada "Made in Spain" en Btemplates) se ha colocado en solo un mes desde su publicación en dicha página como la más descargada con mucha diferencia respecto a las demás, como la 2ª más votada por los usuarios y la 4ª más vista. Datos sorprendentes para mí ya que la calidad de muchas plantillas allí alojadas es altísima, y además algunas llevan varios meses alojadas. También el crecimiento en technorati ha sido muy elevado en este último mes, llegando hoy día 23 de Julio a una Autoridad de 91, la posición 72.255 en el ranking y 108 blog reactions. Y continua subiendo casi a diario.

No me queda más que daros las gracias ... GRACIAS A TODOS Y TODAS.

Un descompresor online muy útil Quiero presentaros un servicio online para descomprimir archivos, en el que no tenéis que registraros ni instalar nada en vuestro PC. Es rápido y descomprime todos los tipos de archivos más comunes.

La web se llama WOPZIP, y según sus indicaciones puede descomprimir todos estos tipos de archivos: 7z, ZIP, GZIP, BZIP2, TAR, RAR, CAB, ISO, ARJ, LZHCHM, Z, CPIO, RPM, DEB y NSIS. Sólo tenéis que pinchar en el botón "Examinar", para seleccionar el archivo que queréis descomprimir, y después dar al botón "wopzip!"...

Y os saldrá una lista con todos los archivos que pudiera tener comprimido el archivo original, nos da la opción de descargar a nuestro PC los archivos de uno en uno o todos a la vez. Es una web muy recomendable para tener como Favorito en tu navegador.

37


Colección de iconos de suscripción RSS Ya que varios me habéis preguntado por la manera de que los lectores se puedan suscribir a vuestro blog, y por iconos o imágenes para colocar con este fin. Aquí os dejo una colección de iconos muy llamativos, a la vez que simples para usar como enlaces a vuestra cuenta RSS.

Pinchar sobre la imagen o sobre este Enlace para descargar la colección completa. Los tenéis de distintos tamaños y colores, seguro que cada uno encuentra el que va mejor con el diseño de su blog. Para los que no entendáis bien qué es eso de suscribirse a un blog, Aquí os dejo un post que publicó nuestra compañera del Escaparate de Rosa al respecto, con un video explicativo, que aunque está en inglés también está subtitulado en español. Y para los que ya saben lo que es y deseen colocar uno de estos iconos en su blog, este es el código que debéis colocar como "Elemento HTML/Javascript" en el lugar que queráis: <center><a

href="RUTA

COMPLETA

DE

VUESTRA

CUENTA

RSS"

target="blank"><img style="WIDTH: 105px" src="RUTA COMPLETA DEL ICONO O IMAGEN USADO"/></a></center> Con "WIDTH: 105px" controláis el tamaño en pixeles de la imagen o icono, independientemente del tamaño real que tenga. Lo mejor es que se hagan algunas pruebas hasta encontrar el tamaño adecuado para vuestro diseño.

38


Por fín llega la paginación para Blogger Seguramente todos habéis observado con "envidia" como en blogs de otras plataformas aparecían en su parte inferior, debajo de las entradas, paginaciones como alguno de estos ejemplos:

Pues después de mucha espera, la paginación para organizar nuestro blog por páginas que nuestros lectores pueden ir pasando simplemente pinchando en el número de página que desean, ya ha llegado a la plataforma Blogger. Se ha conseguido gracias a un script de Blogger Accesories, aunque esta página está en inglés, y nuestro amigo de Vagabundia se ha encargado de traducirlo y readaptarlo. Si queréis ver cómo se hace pinchar Aquí. Tiene algunas limitaciones, y no es fácil aplicarlo al principio, pero hay que entender que esto es el inicio, y que en poco tiempo aparecerán modificaciones y mejoras sobre él para que funcione a la perfección. Es importante que leáis los comentarios que se han ido dejando en la entrada de Vagabundia, alertan de algunos pequeños problemas a la hora de aplicarlo, aunque a mucha gente ya le está funcionando correctamente. De todas formas os prometo que escribiré un post dedicado exclusivamente a este tema, en cuanto yo mismo lo instale y lo adapte. Este tema ofrece muchas posibilidades, al igual que ya ocurre con otras plataformas de blogs. Pienso ofreceros de forma gratuita, como siempre, varios diseños de paginación para que podáis descargarlos e instalarlos sin problemas... Tened un poco de paciencia.

39


Crear vuestra propia barra de navegación o navbar Si os fijáis en la parte superior de mi blog, donde debería estar la barra de navegación o navbar de Blogger, he colocado una barra totalmente personalizada y con varios menus desplegables:

Pues vosotros podéis tener también una para vuestro blog, personalizada a vuestro gusto y sin necesidad de tener ningún conocimiento de lenguaje html o javascript. Leer completo...[+/-] Tan fácil como acceder a NetworkBar Generator, registraros y crear vuestra barra de navegación para poder colocarla en la parte superior de vuestro blog. El resultado puede llegar a ser espectacular. El registro es rápido y sencillo. Cuando os halláis registrado entraréis en el menú para configurar vuestra barra, y os encontraréis con los siguientes elementos: Title: Si queréis que aparezca un título en la parte izquierda de la barra, colocarlo aquí. En mi caso he colocado el nombre de mi blog. Si no colocáis nada, no aparecerá ningún título. CSS Style Preset: Es el estilo del fondo de la barra (en mi caso es un color verde oliva que se difumina hacia el centro de la barra). Hay 6 estilos diferentes, aunque len os que tienen un color plano, después podréis definir el color que queráis dentro de una gama muy amplia. Title Font: El tipo de letra para el título de vuestra barra, que se situará a la izquierda. Muchos tipos diferentes y algunos muy originales. Title Size: Tamaño para la letra del título. Title Color: Color para el el título de la barra. Select Font Color: Color para el texto de los menus desplegables. Select Background: Color para el fondo de los menus desplegables. Bar Background: Color para la barra de navegación. Podréis escoger multitud de colores pero con color plano, y no con el efecto de difuminado que yo tengo en mi barra de navegación. Si queréis un estilo como el mío, dejar ese recuadro sin rellenar y seleccionar uno de los estilos en "CSS Style Preset" que posee difuminado en el color. Inmediatamente debajo de este menú tenéis tres columnas para poder colocar menus desplegables con un máximo de tres. Ahí colocáis en "Name" el nombre que aparecerá en el menú; y en los "link" el nombre y la ruta del enlace. Para colocar varios enlaces dentro de un mismo menú desplegable, ir pinchando en "Add a row". Y para ir grabando vuestros avances pinchar en "Preview". Cuando halláis terminado, pinchar en "Get The Code", y os dará el código que tenéis que pegar en vuestra plantilla de la forma que os indico más adelante.

40


Antes veamos algunos aspectos importantes: Una vez registrados y configurada vuestra navbar os guardará el diseño, y cada vez que entréis en NetworkBar Generator la veréis en pantalla. Podéis modificarla cuantas veces queráis, y se modificará automáticamente en el blog que la tengáis colocada. Pero si queréis diseñar otra para otro blog sin borrar la que ya tenéis instalada, debéis registraros con otro nombre y crear otra navbar. Esto es importante, no olvidéis que cada vez que modifiquéis el diseño o la configuración de menus, se actualizará automáticamente en el blog que la tengáis instalada. ¿Donde colocar en la plantilla el código que nos dan? Entrad en "Diseño/Edición de HTML", sin expandir artilugios, y colocar el código completo justo debajo de: <body> <div id='outer-wrapper'><div id='wrap2'> Esta línea podría variar dependiendo del tipo de plantilla que uséis, si no encontráis nada parecido a esto, colocarlo entonces justo arriba de: <div id='header-wrapper'> Dos últimas puntualizaciones: Es posible que en "Vista previa" no veáis la navbar, y también comentaros que esta nueva navbar no es incompatible con la de Blogger, podéis tener las dos al mismo tiempo, aunque estéticamente no queda demasiado bien. Como os comenté en una edición de este post, he tenido esta navbar alojada en un blog de pruebas durante varios días y ha funcionado a la perfección en todas las franjas horarias. Así que me he decidido a colocarla ya en este blog. Espero que os sea de utilidad. Aunque si la página origen está colapsada, vuestro blog tardará bastante en cargar. Menos mal que esto se produce pocas veces.

Aclaraciones sobre la paginación para Blogger Hace poco publiqué un artículo titulado "Por fín llega la paginación para Blogger", en él os comentaba la aparición de un script para poder realizar paginación en Blogger, pero también informaba que no parecía funcionar bien. Después de haber tenido tiempo para probarlo en cuatro blogs distintos, entre ellos este mismo, debo deciros que desgraciadamente no funciona perfectamente, ya que se dan saltos en las entradas, hay entradas que no aparecen nunca y otras que se repiten. Aunque es cierto que hay algunas personas que lo están usando en sus blogs y les parece ir bien, aunque yo me temo que lo que sucede con alguno de ellos es que no se han dado cuenta de las circunstancias que os explicaba antes.

41


Así que de momento prefiero dejar este tema parado hasta tanto no aparezca otro script o modificación del que ya existe, pero con una garantía total de buen funcionamiento, creo que es lo mejor para todos los que me leéis. De todas formas si aún así hay gente que quiere probarlo por sí mismo, os remito a mi primer artículo sobre este tema, donde encontraréis el enlace para poder leer algo. Aprovecho la ocasión para comentaros que estaré un par de meses algo alejado de vosotros, ya que por temas personales no podré mantener una regularidad en la publicación en mi blog. Tampoco podré contestar a todos los que me mandáis e-mails pidiendo ayuda o comentando algún tema, ya que recibo entre 5 y 10 e-mails diarios, pero sí intentaré contestar a todo el que pueda. Disculpad este paréntesis, pero está motivado por temas muy importantes.

Blogsmadeinspain os quiere pedir disculpas y daros las gracias Os quiero pedir disculpas a todos los que seguís mi blog y lo que escribo para vosotros. En el mes de Octubre os comenté que estaría un par de meses sin tiempo para dedicar al blog, y aunque he conseguido sacar algo de tiempo para contestaros a la mayoría de los que me habéis mandado e-mails, mis circunstancias personales y profesionales persisten y aún estaré algo más de tiempo sin poder actualizar Blogsmadeinspain. Os pido disculpas a los que habéis confiado en mí y no he podido contestaros o no he podido dedicaros el tiempo suficiente. Sin embargo, mientras ocurría esto mi blog ha seguido creciendo en visitas y en enlaces, gracias a todos vosotros. Blogsmadeinspain ha alcanzado una Autoridad en Technorati de 237, con una posición 14.788 en el ranking en Diciembre de 2008. Y también ha llegado a un Pagerank google 5. Gracias a todos por esperar, os prometo que en cuanto me sea posible volveré a dedicaros todo el tiempo que os merecéis.

42


Copias de seguridad de tu blog más fáciles Aunque un poco tarde, y ya que más vale tarde que nunca, os informaré de que desde Blogger ya pueden hacerse copias de seguridad de los blogs. Anteriormente había publicado en este post métodos para hacer copias de seguridad completa de los blogs de Blogger. Dos de los elementos que resultaban más difíciles a la hora de realizar las copias de seguridad eran las entradas o posts y los comentarios de vuestros lectores, pues son precisamente esos dos elementos los que Blogger permite ahora exportar a tu ordenador en formato xml, a la vez que también permite volver a importarlo cuando queramos, incluso en otros blogs diferentes al original. Para ello, acceder a vuestro panel de Administración, a "Configuración / Básico", ahí tenéis algo parecido a esto:

Pues bien, os he marcado en color rojo la opción que debéis elegir "Exportar blog". Como os he comentado antes, con ello conseguís una copia en vuestro ordenador de todas las entradas y comentarios de vuestro blog, que después podéis volver a importar al mismo blog o a otro, incluso hay otras plataformas de blogs que también admiten la importación de esta copia de seguridad. En lo relativo a los demás elementos de los que debéis hacer copias de seguridad sigue siendo válido lo que os explicaba en este post anterior. Aprovecho la ocasión para informaros que he detectado algunos problemas en la descarga de las plantillas. A veces el servicio de alojamiento de archivos ziddu.com no funciona bien y aparece una página en blanco, no rendiros e intentarlo a otra hora del día... seguro que entonces no habrá problemas. Es lo que tienen los servicios gratuitos de alojamiento.

43


Plantillas


Presentación: Todas las herramientas necesarias para modificar y diseñar tu blog. Enlaces a las mejores páginas donde encontrarás todo lo necesario para ello. Plantillas originales diseñadas por mí.... Con este blog pretendo ayudar al que no se conforma con las plantillas preestablecidas, al que tiene pocos o ningún conocimiento de lenguaje "html", pero quiere diseñar su propio blog, y quiere diseños originales y a su gusto. Aquí encontrarás plantillas diseñadas por mí o enlaces a los mejores sitios de diseño de plantillas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, enlaces a otras páginas de ayuda para blogs...... Y MUCHO MÁS. Os sorprenderá todo lo que puede conseguirse con muy poco esfuerzo.

Plantillas diseñadas por mí (1) Ahí os dejo tres de mis diseños. Para ampliar pinchar sobre las imagenes.

Plantilla "Negra_01": Plantilla de dos columnas, con sidebar a la derecha. Fondo negro con adornos y letras en colores muy luminosos. Partiendo de una plantilla de FinalSence y de una imagen abstracta de deviantArt, diseño esta plantilla que pese a su fondo negro, resulta muy luminosa por el resto de colores usados. (Instrucciones de descarga) Descargar esta plantilla . . .

44


Plantilla "bordados_01": Plantilla de dos columnas, con sidebar a la derecha. Fondo con dos telas diferentes, y adornos de mariposas y flores bordadas. Con dos texturas de Barracuda, se consigue un fondo compuesto por dos telas en colores muy suaves. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "ciudad_01": Plantilla de dos columnas, con sidebar a la izquierda. Fondo fijo con una fotografía nocturna. Partiendo de una plantilla de FinalSence y de una hermoso fondo de Background Archive, diseño esta plantilla con colores negros y morados. Letras en colores muy luminosos, y transparencias en fondos de sidebar y main. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantillas diseñadas por mí (2) Ahí van más diseños originales. Para ampliar pinchar sobre las imagenes. Plantilla "libro_antiguo": Plantilla de dos columnas, con sidebar a la izquierda y muy ancho,

ideal

para

textos

o

comentarios de texto en el propio sidebar. Partiendo de una imagen de deviantArt, diseño esta plantilla imitando a un libro antiguo. Fondo fijo (Instrucciones de descarga) Descargar esta plantilla . . .

45


Plantilla "papelmorado": Plantilla de dos columnas, con sidebar a la derecha. Fondo con textura de tela, y marco superior e izquierdo en color morado. Con una textura de Barracuda y otra de Glitter-graphics, se consigue un fondo de tela color claro y el borde superior e izquierdo con colores morados, le da un aire muy elegante. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "anillas_01": Plantilla de dos columnas, con sidebar a la derecha. Imitando a un cuaderno de anillas y

color

pastel.

Ilustraciones

infantiles,

dibujos informales. Con una textura de Barracuda, se consigue un aspecto de cuaderno de anillas, con fondo color pastel. (Instrucciones de descarga) Descargar esta plantilla . . .

46


Plantillas diseñadas por mí (3) Os dejo dos plantillas nuevas, la segunda es igual a la primera pero en blanco y negro...

Plantilla "escoces_01": Plantilla de dos columnas, con sidebar a la derecha. Fondo con tela de cuadro escocés y post y sidebar simulando cuaderno de anillas. Usando una imagen de deviantArt, y una textura de Barracuda, se diseña esta plantilla con un aire a la serie de TV "Rebeldes". (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "escoces_02": Plantilla de dos columnas, con sidebar a la derecha. Fondo con tela de cuadro escocés y post y sidebar simulando cuaderno de anillas. Usando una imagen de deviantArt, y una textura de Barracuda, se rediseña la

plantilla

"escoces_01"

pero

totalmente en blanco y negro, le da un aire más "retro". (Instrucciones de descarga) Descargar esta plantilla . . .

47


Plantillas diseñadas por mí (4) Estas dos plantillas han sido todo un reto para mí, es la primera vez que uso menus ya incluidos en las plantillas, y no lo hubiése conseguido sin Blog ang Web, sus plantillas me han servido de punto de partida, para modificarlas y rediseñarlas. Vaya desde aquí mi agradecimiento y valoración a su trabajo. Plantilla "sueño_azul": Plantilla de dos columnas, con sidebar a la derecha. Fondo abstracto, y botones y adornos en color azul. Menú horizontal, con botones que cambian cuando se pasa sobre ellos. Como cambiar el número de botones está incluido en las instrucciones, en un archivo "txt". Usando una imagen de deviantArt,

se

diseña esta plantilla con predominancia de los colores blanco y azul. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "tecno_verde": Plantilla de dos columnas, con sidebar a la izquierda. De estilo simple, con menú vertical de botones en la sidebar que cambian al pasar sobre ellos. Como cambiar

el

número

de

botones

está

incluido en las instrucciones, en un archivo "txt". Se

diseña

con

botones

y

elementos

metálicos, con un aire tecnológico, pero con una fuerte presencia de colores verdes. (Instrucciones de descarga) Descargar esta plantilla . . .

48


Plantillas diseñadas por mí (5) De nuevo os traigo dos plantillas con menus de botones incorporada en la propia plantilla, y gracias a modificar y rediseñar plantillas de Blog ang Web. Por supuesto, vaya desde aquí mi agradecimiento y valoración a su trabajo. Plantilla "gris_01": Plantilla de dos columnas, con sidebar a la derecha. De inspiración oriental y colores grises y negros. Menú vertical, con botones que cambian cuando se pasa sobre ellos. Como cambiar el número de botones está incluido en las instrucciones, en un archivo "txt". Inspirada en una imagen obtenida de Flickr, se diseña esta plantilla con adornos metálicos y estilo oriental. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "Luz_y_oscuridad": Plantilla de dos columnas, con sidebar a la derecha. Con menú de botones que cambian al pasar sobre ellos (un efecto de iluminación muy bueno). Como cambiar el número de botones está incluido en las instrucciones, en un archivo "txt". Se diseña una plantilla de fondo negro, pero con imágenes muy luminosas, que dan

al

conjunto

un

colorido

y

luminosidad muy grandes. Los botones parecen iluminarse al pasar sobre ellos. (Instrucciones de descarga) Descargar esta plantilla . . .

49


Plantillas diseñadas por mí (6) Estas plantillas han supuesto un gran esfuerzo para mí, espero que el resultado os guste. Plantilla "azul_metal": Plantilla de dos columnas, con sidebar a la

derecha.

Menú

horizontal,

con

botones con un efecto de pulsado muy conseguido. Colores azules y de metal anodizado. La cabecera está compuesta por una imagen obtenida de Flickr, y los botones han sido rediseñados totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "mil_colores": Plantilla de dos columnas, con sidebar a la

derecha.

Menú

horizontal,

con

botones que cambian continuamente de color. Como indica su nombre.... miles de colores. La cabecera está compuesta por otra imagen obtenida de Flickr, y los botones han sido rediseñados totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

50


Plantilla "cuentacuentos": Plantilla de una sola columna. Menú

horizontal,

con

botones

infantiles que cambian al pasar el cursor sobre ellos. Plantilla pensada para lectores infantiles, con una letra grande y legible, y diseño con un dibujo de un ilustrador chino. El dibujo se ha obtenido de wallcoo, y los botones han sido rediseñados totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. En esta plantilla, los elementos de la sidebar están colocados inmediatamente debajo de los post o entradas. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantillas diseñadas por mí (7) Os dejo otras tres plantillas, la primera de ellas bastante de moda. Con estas plantillas ya he diseñado y colgado en el blog 18 diferentes, que para un mes y medio creo que no está nada mal, sobre todo si tenéis en cuenta que mi trabajo me deja poco tiempo. Plantilla "agenda_01": Plantilla con fondo fijo y columna principal y sidebar imitando un blog

o

cuaderno

cuadriculadas.

con

Menú

hojas vertical

formado por post-it que cambian al pasar el cursor sobre ellos. (Cómo cambiar el número de botones está incluido en el archivo txt que se descarga). Una plantilla muy de moda, compuesta por una fotografías mías y texturas de Barracuda. Los botones han sido rediseñados totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

51


Plantilla "negra_02": Plantilla de tres columnas, con sidebar izquierda y derecha. Menú horizontal, con

botones

efecto

metálico

que

cambian al pasar el cursor sobre ellos. (Cómo cambiar el número de botones está incluido en el archivo txt que se descarga) Fondo negro y metálico con decoración

en

color

cabecera

está

imagen

abstracta

naranja.

compuesta

La

por

una

obtenida

de

DeviantART, y los botones han sido rediseñados totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "futbol_01": Plantilla de dos columnas, con sidebar a la izquierda. Aunque esta plantilla ha sido diseñada en especial para un club de futbol, cambiando el escudo podría usarse para cualquier blog con temática de este deporte. La fotografía de la cabecera ha sido obtenida también de DeviantART. La base es una plantilla de Blogger. Plantilla pensada para blogs con temática futbolística, con fondo negro y adornos en color amarillo. (Instrucciones de descarga) Descargar esta plantilla . . .

52


Plantillas diseñadas por mí (8) He creado dos nuevas plantillas, a ver si os gustan. Las dos son plantillas de tres columnas con la columna principal en el centro y sidebar a derecha e izquierda. Plantilla "agenda_02": Plantilla de tres columnas imitando un blog o cuaderno con hojas cuadriculadas y un tablero de madera con notas pegadas . Un estilo de blog que está muy de moda. Se han usado para su diseño texturas de Barracuda y Kollermedia. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "futbol_3c": Basada en la plantilla "futbol_01", nace esta

plantilla

adaptándola

para

3

columnas. Fondo negro y letras en amarillo y azul. La cabecera está compuesta por una imagen obtenida de DeviantART. Y la base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

53


Aclaraciones sobre las plantillas de Blogs madeinspain Son varias las dudas que mis lectores me han dejado en comentarios del blog o me han mandado por e-mail, y me gustaría ordenarlas en este post.

1.- En primer lugar decir que todas las plantillas diseñadas por mí, que podéis descargar de este blog, son totalmente gratuitas y no tienen ningún tipo de licencia. Únicamente os

pido, como un favor especial, que no borréis los créditos, y si queréis enlazar mi blog en el vuestro os lo agradecería. También me gustaría que me indicarais la dirección de vuestro blog, me gustará saber que tal os ha quedado.

2.- Mis lectores me avisaron de algunas plantillas que no se veían perfectamente en el

navegador Firefox (de todos es sabido la incompatibilidad que crea Internet Explorer con todos los demás navegadores). Pues bien, ya han sido resueltos estos problemas, y todas las plantillas de Blogsmadeinspain están optimizadas para Internet Explorer y Firefox, a una resolución de 1024x768 o superior. Ahora estoy trabajando en las dos únicas plantillas que no he podido corregir aún, estas son "negra_02" y "luz_y_oscuridad", pero espero resolverlas pronto.

3.- Al cambiar vuestra plantilla por otra, siempre tener la precaución de guardar antes la que ya tenéis. Y además, antes de cargar la nueva plantilla, tened activada la

casilla "Expandir plantillas de artilugios". Todo esto lo explico más detalladamente en las instrucciones que os descargáis con cada plantilla de Blogsmadeinspain.

4.- Si os gusta alguna plantilla pero la queréis personalizar aún más a vuestro gusto, yo os puedo ayudar, si tengo tiempo os ayudaré con gusto.

54


Plantillas diseñadas por mí (9) De nuevo os traigo plantillas de tres columnas, con las sidebars a la derecha y la columna principal en la izquierda. Son dos versiones de una misma plantilla, con los colores cambiados. La verdad es que no me decidía por una, así que os dejo las dos versiones. Plantilla "blanco_negro_01": Plantilla de 3 columnas con sidebars a la derecha. Fondo blanco para la columna principal y fondo negro para las sidebars. Mucho contraste en un blog que se diseña con la mitad del fondo blanco y la otra mitad negro. Se han usado para su diseño imágenes de DeviantArt y Socwall. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "blanco_negro_02": Plantilla de 3 columnas con sidebars a la

derecha.

Fondo

negro

para

la

columna principal y fondo blanco para las sidebars. Mucho contraste en un blog que se diseña con la mitad del fondo blanco y la otra mitad negro. Se han usado para su diseño imágenes de DeviantArt y Socwall. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

55


Plantillas diseñadas por m�� (10) Con estas dos plantillas que os dejo ya van 24 diseños de plantillas para blogger, y en algo más de dos meses y medio. En la primera os traigo otra plantilla de la serie "agenda", ya que veo que ha tenido muy buena aceptación y le está gustando a mucha gente. La segunda tiene menú, y unos colores ácidos y muy refrescantes, ideales para el verano que empieza. Plantilla "agenda_03": Plantilla de 2 columnas con sidebar a la derecha. Imitando un blog o cuaderno con hojas cuadriculadas y recortes de papel pegados con papel celo en la sidebar. Un estilo de blog que está muy de moda. Se han usado para su diseño texturas de Barracuda. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "verde_metal": Plantilla de dos columnas, con sidebar a la

derecha.

Menú

horizontal,

con

botones con un efecto de pulsado muy conseguido.

Colores

ácidos

y

refrescantes, con metal anodizado. La cabecera está compuesta por una imagen obtenida de DevianArt, y los botones

han

sido

rediseñados

totalmente de un menú obtenido de Listamatic. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

56


Plantillas diseñadas por mí (11) Iniciamos con estas dos plantillas la serie de plantillas para blogger dedicada a grandes videojuegos.

Y

nada

mejor

que

comenzar

con

dos

"juegazos"

de

última

generación, "Assassin´s Creed" y "Gears of War", dos verdaderas joyas en el mundo de los videojuegos. Plantilla "Assassins": Plantilla de 2 columnas con sidebar a la derecha. Con elementos sacados de la página oficial del juego, y basándose en la gama de colores de dicha web, se diseña esta plantilla en homenaje a este buen juego de acción. Colores

muy

suaves

en

tonalidades

celestes y azules. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "gears": Plantilla de 2 columnas con sidebar a la derecha. Con elementos sacados de la página oficial del juego, se diseña esta plantilla en homenaje a este buen juego de acción. Fondo

negro

y

adornos

rojos

y

anaranjados. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

57


Plantillas diseñadas por mí (12) Ya llegamos a 28 diseños totalmente originales de plantillas para blogger. En esta ocasión os dejo dos diseños para los que les gusta la sencillez pero sin renunciar a algunos toques de decoración. Plantilla "minimal_01": Plantilla de 2 columnas con sidebar a la derecha. Con una imagen bajada de Fondosescritorio se diseña esta plantilla simple pero bastante atractiva y de lectura fácil. Colores

muy

suaves

en

tonalidades

celestes y azules, sobre fondo totalmente blanco. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "minimal_02": Plantilla de 2 columnas con sidebar a la derecha. Aquí se usa la imagen bajada de Fondosescritorio , pero cambiando su colorido, y se diseña esta plantilla simple pero bastante atractiva. Colores muy suaves en tonalidades naranjas, sobre fondo totalmente negro. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

58


Corregidos los errores en los enlaces para descarga de plantillas: Parece ser que algunos de los enlaces para descargas de plantillas no funcionaban correctamente... Ya han sido corregidos y funcionan al 100%. El servicio de alojamiento había borrado unos cuantos y los he alojado de nuevo, por lo que ya no deben tener problemas para su descarga. Os ruego que si detectáis problemas con algún enlace, me escribáis un comentario al respecto y será corregido de inmediato... CUENTO CON VUESTRA AYUDA Y COLABORACIÓN. También aprovecho la ocasión para responder a varios lectores que me han hecho la misma pregunta, aunque ya está explicada en algún post anterior: En todos mis diseños de plantillas desaparece la barra de navegación que Blogger coloca por defecto en la parte superior, es una desición simplemente estética, ya que la mayoría de las veces rompe el diseño general de la plantilla. Pués bien, para acceder a tu panel de usuario de blogger solo tienes que entrar en esta url: https://www.blogger.com/start Colocando tu cuenta y contraseña entrarás para poder administrar tu blog. Lo mejor es que tengas esa página como favorita y simplemente pulsando sobre ella aparecerá tu panel de administrador de Blogger.

Debéis alojar las imágenes de las plantillas de Blogsmadeinspain en algún servicio de alojamiento gratuito Tengo que insistir en que las imágenes que acompañan a las plantillas que os descargáis de Blogsmadeinspain, debéis alojarla en alguna página de alojamiento gratuito de imágenes. Os cito el tercer punto de las instrucciones que acompañan a cada plantilla: "3.- Aloja las imágenes que se acompañan en alguna de las páginas de alojamiento de imágenes, dentro de una cuenta que tú te crees. Y después vete a "PANTILLA/EDICIÓN DE HTML", y localiza con CTRL+F el nombre de estás imágenes en la plantilla, sustituyéndo la ruta URL por la nueva en la que hayas alojado las imágenes. (Aunque inicialmente os funcione perfectamente la plantilla sin hacer esto, yo no puedo garantizar el alojamiento de estas imágenes, por eso recomiendo que las redireccionéis a la nuevas URL donde las tengáis alojadas.)" Estoy muy contento, y debo daros las gracias por la enorme acogida que ha tenido entre vosotros el diseño de mis plantillas, pero sois muchos los que ahora mismo estáis usando alguna de ellas, y ya ha habido problemas puntuales de saturación del alojamiento en "google pages", donde yo tengo alojadas todas las imágenes que usáis en las plantillas. Os insisto en que las alojéis vosotros en vuestro propio lugar, sea también "google pages" o cualquier otra que de un buen servicio. Si no es así, habrá momentos en que no se verán bien las plantillas que tenéis en vuestros blogs. Hace algún tiempo publiqué un post con los mejores sitios para alojar las imágenes, si queréis verlo pinchar aquí. Insistir de nuevo..... MUCHAS GRACIAS A TODOS MIS LECTORES EN GENERAL, Y A LOS QUE YA USÁIS PLANTILLAS DISEÑADAS POR MÍ EN PARTICULAR.... GRACIAS.

59


Plantillas diseñadas por mí (13) Aquí os dejo otras dos plantillas originales para blogger, y bien diferentes entre sí. La primera pertenece a la serie "agenda", con colores naturales y cálidos; Y la segunda muy tecnológica, con colores grises y fríos, con una cabecera muy llamativa. Plantilla "agenda_04": Plantilla de 2 columnas con sidebar a la derecha. Con una imagen bajada de DeviantArt y texturas de Kollermedia se diseña esta plantilla muy atractiva, con colores cálidos y naturales. Un viejo cuaderno, junto con fotografías de temática marinera componen su cabecera. Si alguien necesita que las fotografías sean

de

otra

temática,

puedo

ayudarles si me lo comentan. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . . Plantilla "tecno_01": Plantilla de 2 columnas con sidebar a la izquierda. Usando una imagen bajada de Wallpapers.bpix.org para la cabecera, se crea esta plantilla de aspecto tecnológico y colores fríos. Colores grises y azules. La

base

es

una

plantilla

de

FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

60


Plantillas diseñadas por mí (14) Cada vez sois más los que colocáis plantillas de 3 columnas. Pues aquí os traigo otras dos plantillas de 3 columnas. La primera de ellas con un aspecto de "cuarderno o libro de viajes", y la segunda de colores muy suaves e inspirada en la India. Plantilla "libro_01": Plantilla de 3 columnas con sidebars a la derecha. Un cuaderno o libro de viajes, con fotografías sacadas de internet y de Pepe Alcaide, sirve de base para una plantilla con colores suaves y cálidos. Si

alguien

necesita

colocar

otras

fotografías en la cabecera, puedo ayudarles si me lo comentan. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "India": Plantilla de 3 columnas con sidebars a la derecha. Usando una llamativa fotografía retocada de Pepe Alcaide, se crea esta plantilla con colores muy suaves y una gran imagen en la cabecera. Colores marrones y mucho colorido en el header. La

base

es

una

plantilla

de

FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

61


Plantillas diseñadas por mí (15) Os traigo de nuevo dos plantillas, de estilos muy diferentes. La primera es una modificación respecto a la plantilla infaltil "cuentacuentos", quitando las partes que aquella tenía fijas, y aumentando el ancho de la sidebar y de la columna principal. Aunque se respetan los botones y su diseño, quedando una cabecera más amplia y llamativa. Y respecto a la segunda plantilla, tiene un diseño sencillo, con pocos elementos y un colorido y temática muy veraniegos, con colores ácidos y frescos. Plantilla "Cuentacuentos_01": Plantilla de 2 columnas con sidebar a la izquierda. Menú horizontal, con botones infantiles que cambian al pasar el cursor sobre ellos. Plantilla pensada para lectores infantiles, con una letra grande y legible. El fondo es un dibujo de un ilustrador chino obtenido de wallcoo, y la base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "Cocktails": Plantilla de 2 columnas con sidebars a la derecha. Usando una imagen de una

campaña

publicitaria

de "Bacardi" se crea esta plantilla sencilla con colores muy frescos y ácidos. Cinco vasos de cocktails componen la cabecera, porque todo no va a ser trabajar... La

base

es

una

plantilla

de

FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

62


Plantillas diseñadas por mí (16) Aquí os dejo dos plantillas de las que estoy muy satisfecho con su diseño. Una de ellas es una más de la serie "agenda", serie que ha tenido mucha aceptación entre los usuarios, y que estoy seguro que les gustará a muchos. Y la segunda nace de la idea de representar un iPhone en un blog, de la forma más realista posible. Plantilla "Agenda_05": Plantilla de 3 columnas con sidebar a derecha e

izquierda.

Diseño con

colores muy naturales y de aspecto elegante a la vez que llamativo. Se han usado imágenes de socwall

y

deviantArt, y la base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

Plantilla "iphone_01": Plantilla de 2 columnas con sidebar a la derecha. Usando una imagen de deviantArt se crea esta plantilla con un iPhone sujeto por una mano. La imagen

permanece

fija

y

exclusivamente se mueve arriba o abajo lo contenido en la pantalla del iPhone. La base es una plantilla de FinalSense. (Instrucciones de descarga) Descargar esta plantilla . . .

63


BLOG