Blogs madeinspain:

En Febrero de 2008 creo este blog, basado en estas dos ideas fundamentales:

Mi nombre es Antonio Zambrana, y soy el único administrador y responsable

de . Escribo desde una ciudad muy cercana a Sevilla (España) y noBlogs madeinspain

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 he decido editar este libro enBlogs madeinspain

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.

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

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

las plantillas o templates y entradas relacionadas con ellas.

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:     ¡GUARDAR SIEMPRE EN VUESTRO PC UNA COPIA DE

CADA ELEMENTO 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-image-

editor 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= URL

COMPLETO DEL ARCHIVO MP3&amp;bgcolor=FFFFFF" 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 e-

mail. 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 post-footer-line-2'><span class='post-labels'> <b:if

cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels'

var='label'> <a expr:href='data:label.url' 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

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 madeinspain');"><span><input

value="-- Añadir a 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

¿Cómo puedo colocar un botón en mi blog para que los lectores me añadan a sus

favoritos?....[+/-]

34

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-06-

2008):

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

¿Porqué es importante pertenecer a Technorati?...[+/-]

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 con hojas

cuadriculadas. Menú 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 naranja. La

cabecera está compuesta por una

imagen abstracta 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