U3_Trucos Para El Blog

8/12/2019 U3_Trucos Para El Blog

1/65


2/65

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 (Espaa) y noBlogs madeinspain

soy diseador web, aunque stengo experiencia en diseo grfico.Parte del tiempo que me permite mi trabajo y mi familia lo dedico a escribir en el

blog, y a hacer los diseos de las plantillas que despus podis descargaros de all.

Con motivo del primer cumpleaos de he decido editar este libro enBlogs madeinspain

1.- Crear y distribuir plantillas diseadas 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 diseos 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. An as, espero que os sea de utilidad.

Mi intencin es hacer una edicin anual de este libro, con el contenido aadido al blog

durante ese ao.

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 segn su fecha de publicacin, comenzando por

las ms antiguas y terminando por las ms recientes. Y la segunda parte tenis 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 tengis instalado, proceder

de la siguiente manera:

Cuando pasis el cursor sobre un enlace, el smbolo se transformar en ,

pinchar entonces con el botn derecho del ratn y del cuadro que os sale, escoger

las plantillas o templates y entradas relacionadas con ellas.

la opcin .Abrir vnculo Web en explorador

3.- Tened en cuenta que alguno de los enlaces o links puede no funcionar, igualmente

que ocurrira entrando en el blog en internet, ya sea por que la web enlazada ya

no existe o simplemente que se encuentra saturada.

4.- Las imgenes o gifs animados se ven en este libro de una manera fija, no tienen

ningn tipo de animacin. Para ver estos elementos tal y como realmente son

tendrais que entrar en el blog.

1
http://www.blogsmadeinspain.blogspot.com/http://www.blogsmadeinspain.blogspot.com/http://www.blogsmadeinspain.blogspot.com/http://www.blogger.com/http://www.blogger.com/http://www.blogsmadeinspain.blogspot.com/http://www.blogsmadeinspain.blogspot.com/http://www.blogsmadeinspain.blogspot.com/


3/65

Presentacin:

Todas las herramientas necesarias para modificar y disear tu blog. Enlaces a las

mejores pginas donde encontrars todo lo necesario para ello. Plantillas originales

diseadas por m....

Con este blog pretendo ayudar al que no se conforma con las plantillas preestablecidas, al

que tiene pocos o ningn conocimiento de lenguaje "html", pero quiere disear su propio

blog, y quiere diseos originales y a su gusto.

Aqu encontrars plantillas diseadas por m o enlaces a los mejores sitios de diseo de

plantillas, conocers como se manipulan imgenes, fondos, texto, enlaces o links, los

mejores widgets o gadgets, herramientas y utilidades, enlaces a otras pginas de ayuda

para blogs...... Y MUCHO MS.

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:

BSICO:Aqu encontrars la descripcin de los elementos principales de un blog, con

sus nombres en ingls, como manipularlos de tamao, forma y fondo; Como cambiar el

nmero de columnas, de sidebars; y dems aspectos generales para la compresin de

apartados algo ms complejos.

PLANTILLAS:Enlaces a las mejores y ms completas pginas donde puedes conseguirplantillas o templates totalmente gratis. Tambin colocar en esta seccin plantillas

diseadas por m, tambin para su uso gratuito.

IMGENES:Todo lo relacionado con insercin y manipulacin de imgenes en el blog.

Adems de trucos, efectos espectaculares y enlaces a pginas donde podrs obtener o

manipular imgenes online.

TEXTO: Cosas que puedes hacer con los textos en tu blog, efectos, tamaos, colores, y

pginas de enlaces para conseguir texto en movimiento o animado.

WIDGETS:Tambin llamados "Gadgets" o simplemente "artilugios", aqu te presentar

los principales y los ms usados (relojes, contadores de visitas, calendarios, horoscopo

diario, tiempo atmosfrico en tu localidad, traduccin, y un largo etc...), junto con los

enlaces a las pginas que los suministran.

(*Nota: Aunque tcnicamente "Widgets" y "gadgets" no es lo mismo, en la prctica diaria

del diseo de blogs podemos decir que son prcticamente el mismo elemento.)

UTILIDADES: Cajn de sastre donde colocaremos cualquier otra cuestin til para el

diseo de blogs, y que no encaje en ninguno de los apartados anteriores. 2
http://blogsmadeinspain.blogspot.com/2008/01/qu-puedes-encontrar-en-este-blogs.htmlhttp://blogsmadeinspain.blogspot.com/2008/01/qu-puedes-encontrar-en-este-blogs.html


4/65

Imgenes que cambian al pasar sobre ellas el cursor

Muy til a todos los niveles en el diseo de tu blog, con efectos espectaculares. Solo pasa el

cursor sobre estas dos imgenes... sin pinchar en ellas.

Con esto tenemos unas posibilidades enormes en el diseo de los blogs, con unos efectos

muy fciles de realizar.

Leer completo...[+/-]

Pincha ahora sobre las imgenes, y esto te dar una idea del fundamento de este "truco".

Lo que hacemos con esto es un "falso" rollover, engaamos a la vista para conseguir ese

efecto. Lo primero es hacer una imagen del tipo que habis 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 aadiremos en la plantilla general del blog, que vemos en "Plantilla/Edicin

HTML", este cdigo (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 direccin donde tengis alojada la imgen, tambin se

indica la dimensin 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 lnea de cdigo se coloca la mitad

exacta de la anchura de la imagen completa, igual a la que se ha colocado en la lnea de

ms arriba.

3
http://blogsmadeinspain.blogspot.com/2008/01/igenes-que-cambian-al-pasar-sobre-ellas.htmlhttp://blogsmadeinspain.blogspot.com/2008/01/igenes-que-cambian-al-pasar-sobre-ellas.html


5/65

Y por ltimo, el trmino rollover, que se repite en cinco ocasiones, lo cambiis por

cualquier nombre. Este nombre lo que hace es denominar a este efecto. (Si vis a usarlo

en ms de una ocasin dentro del mismo blog, no estara mal denominarlo por ej.

rollover01, rollover02, rollover03...etc.), ya que para cada imagen que queris usar este

efecto tenis que pegar todas estas lneas de cdigo cambiando el nombre que le dis,

adems, claro est, del resto de trminos en color rojo, adaptndolos a cada imagen que

usemos.

Ya solo queda el pequeo cdigo que colocaremos en cada elemento que queramos usar

esto (como elemento html en el sidebar, dentro del post, o en el lugar que eligamos):

prueba rollover

Si vosotros no queris que al pulsar la imagen enlace con algo, quitarle [href="URL de

enlace" target="blank"], y listo. De nuevo aqu aparece el nombre que hallis colocado en

la plantilla general para este efecto, de ah lo importante de usar los cdigos en la plantilla

general cada vez que quiera usarse con una imagen diferente, y dndole un nombretambin 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
http://blogsmadeinspain.blogspot.com/2008/01/erere.htmlhttp://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.htmlhttp://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.htmlhttp://blogsmadeinspain.blogspot.com/2008/01/erere.htmlhttp://elescaparatederosa.blogspot.com/2007/01/entradas-y-widget-enmarcados-por.html


6/65

Uso de Etiquetas y cmo ocultarlas

En el men de "creacin de entradas" (o post), veris en "Opciones de entrada" que podis

aadir a vuestros post unas "Etiquetas", al principio parecen una cosa sin importancia,

pero conforme tus post van creciendo en nmero, y sobre todo si tienes ordenado tu blog

en diferentes apartados (como pasa en este blog, donde los post estn clasificados dentro

de Inicio, Bsico, Plantillas, Imgenes, etc...), cobran mucha importancia en el diseo de

tu blog.

Si no sabes bien de qu hablo o no acabas de enterarte, sigue leyendo.


Las etiquetas son una forma de clasificar tus post, de ordenarlos por temas. Despus

podrs mostrar los post que traten un solo tema, ignorando los dems.

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, BSICO, IMGENES, TEXTO, WIDGETS Y UTILIDADES.... Pulsa en

cualquiera de ellos.

Qu ocurre? Pus que te llevar a este mismo blog, pero mostrando todos los post

dedicados a un tema, ya que yo los he clasificado antes asignndoles las etiquetas

correspondientes.Fjate tambin 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 fcil explicacin, Blogger te redirige a una pgina exclusiva donde estn

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 ms fcil y rpida 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 "Diseo/Elementos de la pgina", y pincha en "Aadir un elemento de pgina"

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
http://blogsmadeinspain.blogspot.com/2008/02/uso-de-etiquetas-y-cmo-ocultarlas.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/uso-de-etiquetas-y-cmo-ocultarlas.html


7/65

3.- Al pinchar en "Aadir al Blog" te saldr el siguiente cuadro:

Ah podrs ponerle un ttulo 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 alfabticoo por frecuencia de las etiquetas.

Y el resultado final ser una lista parecida a sta en tu blog...

6


8/65

Donde podrn verse todas tus etiquetas y el nmero de post que tienes de cada una. Al

pulsar el lector sobre alguna de ellas, ser redireccionado hacia todos los postcorrespondientes a esta etiqueta.

La otra forma de crearte estos redireccionamientos hacia los post que t decidas es

creando links o enlaces hacia la direccin de tu blog, seguido

de... /search/label/NOMBRE DE LA ETIQUETA

Para realizar estos enlaces puedes usar botones, imgenes, textos, etc...

Valga como ejemplo este elemento html, que no es ms que un botn verde que enlaza a

mis post con la etiqueta "Plantillas".

Por cierto, se me olvidaba... Todos habis visto que debajo de cada post siempre aparece

por defecto la identificacin de las etiquetas a las que pertenece ese post, de esta forma:

Si queris que esta lnea no aparezca iros a "Diseo/Edicin de HTML" y expandir

artilugios. Con CTRL+F localizar esta parte del cdigo:

cond='data:label.isLast != "true"'>,

Y borrar la parte que os he marcado de color rojo.

OS RUEGO ME DISCULPIS POR EL ROLLAZO, pero el tema de las etiquetas es

bastante importante.

7


9/65

Cambiar caractersticas del texto en las entradas

Seguramente muchos no conocisque desde el propio menude Bloggerde Creacin de entradas podis manipular las caractersticasde los textos a usar (color, tamao, tipo de letra, negrita,

etc...)

Aunque este texto con el que he comenzado es una verdadera aberracin de diseo, pero

s me sirve para que veis que desde los propios menus de Blogger se puede conseguir

cambiar colores, tipos de fuentes, tamaos, alineaciones, etc... de los textos, adems de

poder ponerlos en negrita o cursiva. Con ellos podis resaltar un texto que os interese por

cualquier motivo sin tocar nada en lenguaje html.


A todos os sonar esta pantalla, ya que es la de creacin de nueva entrada "Creacin de

entradas/crear/Redactar", del men de Blogger.

Pus bien, simplemente seleccionando un texto que hallis escrito en el post y pinchando

alguno de los iconos que os he marcado en color rojo, obtenemos varios efectos en el

texto.

Vemos detalladamente para qu sirve cada icono, empezaremos de izquierda a derecha:

1.- El primero que os encontris es un pequeo men desplegable donde podris escoger

entre los distintos tipos de letra que Blogger tiene por defecto.

2.- El segundo es otro pequeo men desplegable donde podis cambiar el tamao del

texto que tengis seleccionado, cinco tamaos desde uno muy pequeito hasta una letra

bastante grande.

3.- Ahora aparece una letra "b" en minsculas. Con este icono podres poner el texto en

negrita.

4.- De igual modo, con el icono de una "i" minscula lo que podris hacer es ponerlo en

cursiva.

5.- La letra "T" con unos cuadraditos de colores al lado es uno de los ms usados,

cambiar el color del texto seleccionado dentro de los 70 colores que os dan como opcin.

An as, si no tenis bastante con estos 70 colores, al final veremos una forma de poder

poner cualquier color con su cdigo hexgesimal. 8
http://blogsmadeinspain.blogspot.com/2008/02/cambiar-caractersticas-del-texto-usado.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/cambiar-caractersticas-del-texto-usado.html


10/65

6.- El siguiente icono es el ms interesante de todos, con l podis enlazar un texto o

imgen con lo que queris (http, ftp, email, etc...), es un Hipervnculo. Os saldr un

cuadro como este...

En Tipoos sale un men desplegable donde podis elegir el tipo de enlace o link deseado

(lo normal ser una ruta "http", pero hay muchas otras posibilidades.

Y en URLpondris la ruta del elemento.

Os dejo de ejemplo un enlace a la pgina principal de Google, solo aadir un color

diferente y un hipervnculo a esa pgina... Google

7.- Despus vienen los cuatro iconos de la alineacin del texto, esto es, alineacin a

izquierda, centrada, a derecha o justificado completamente.

8.- Los otros dos iconos se usan si deseis crear una lista numerada o con vietas.

9.- El pequeo icono con una foto de un paisaje es para insertar imgen. Tened en cuenta

que la nueva imagen que insertis 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 confusin, ya que no sirve

para borrar elementos, sino para eleminar propiedades o formatos que hallis dado con

anterioridad a vuestro texto. Os cambiar el texto que estis seleccionando al tipo de letra,

color, y tamao 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 entris en "Creacin de entradas/crear/Edicin de HTML". Usaremos de

ejemplo la primera palabra que he usado en este post, en lenguaje html queda as:

9
http://www.google.es/http://www.google.es/


11/65

La palabra "Seguramente" va acompaada 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 tenis 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 tamao de la fuente de texto, en tanto por ciento

indicamos el tamao referenciado al general del resto del post.

En color: definimos el color por su cdigo hexagesimal. Por eso os comentabaanteriormente que no tenis porque limitaros a los 70 colores que os ofrece Blogger como

opcin. Por ejemplo, usando la carta de colores que mi blog tiene en la sidebar, podeis

conseguir el cdigo hexagesimal de cualquier color y colocarlo aqu.

Strong indica que el texto es en negrita, y si colocamos en su lugar el trmino em,

indicaremos que es en cursiva.

Como veis con pocos conocimientos de "html" podemos ampliar las posibilidades de

diseo en los textos.

Enlaces para descarga de Plantillas gratuitas (I)

Aqu os dejo una primera remesa de pginas buenas para descargar plantillas o templates

para vuestros blogs:

Finalsence: para m, es la ms completa, con muchsimas plantillas para descargar. En

blogger no van bien las que detrs de el nombre de la plantilla incorpora (XML).

Bloggertemplates, Freecsstemplates, Blogcrowds, Pizam, doxs. . . (continuar)

10
http://blogsmadeinspain.blogspot.com/2008/02/enlaces-para-descarga-de-plantillas.htmlhttp://finalsense.com/services/blog_templates/index.htmhttp://www.bloggertemplates.org/?pg=1http://www.freecsstemplates.org/http://www.blogcrowds.com/resources/blogger_template.phphttp://www.pyzam.com/bloggertemplateshttp://doxs.blogspot.com/2008/02/template-dark.htmlhttp://doxs.blogspot.com/2008/02/template-dark.htmlhttp://www.pyzam.com/bloggertemplateshttp://www.blogcrowds.com/resources/blogger_template.phphttp://www.freecsstemplates.org/http://www.bloggertemplates.org/?pg=1http://finalsense.com/services/blog_templates/index.htmhttp://blogsmadeinspain.blogspot.com/2008/02/enlaces-para-descarga-de-plantillas.html


12/65

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 pginas, donde podrs generar efectos en los textos. Podrs

crear texto espectacular tanto esttico, como con efectos de movimiento, brillo, luces,

etc...

GLITTER GRAPHICS

BLINKYOU

YOURGEN

COOLTEXT

3DTEXTMAKER

Alojamiento de imgenes para uso en tu blog

Una de las primeras tareas a la hora de redisear tu blog, es alojar las imgenes que vas a

usar en algn servidor gratuito.

Yo uso"Google Page Creator"para ello. Si ya tienes una cuenta en "Hotmail" o "Gmail"

quizs sea la mejor opcin. Si no tienes cuenta en alguno de ellos, y quieres creartela,

pulsa en la pgina de"Google Page Creator"sobre la opcin "sign up here".

Otra buena pgina es "Flickr", donde adems de alojar tus imgenes, tienes un banco de

imgenes enorme y muy variado. Este alojamiento es de yahoo.

Por si deseas ms informacin te dejo una lista ms completa de web para alojamiento de

imgenes. En alguna de ellas no es necesario registrarte:


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 podra seguir con cientos de webs, pero sinceramente os aconsejo una web ligada

a una empresa fuerte en el sector.... Que despus vienen las sorpresas.

Y permitidme otro consejo: GUARDAR SIEMPRE EN VUESTRO PC UNA COPIA DE

CADA ELEMENTO QUE USIS EN VUESTRO BLOG! 11
http://blogsmadeinspain.blogspot.com/2008/01/blog-post.htmlhttp://www.glitter-graphics.com/http://www.blinkyou.com/http://yourgen.com/http://cooltext.com/http://www.3dtextmaker.com/cgi-bin/3dtext.plhttp://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.htmlhttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttp://www.flickr.com/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/http://www.glitter-graphics.com/http://www.blinkyou.com/http://yourgen.com/http://cooltext.com/http://www.zoto.com/http://www.bilder-hosting.de/http://www.myimagedepot.com/http://www.superimagehost.com/http://www.allyoucanupload.com/http://www.imageshack.us/http://www.imgspot.com/http://www.uploadyourimages.com/http://photobucket.com/http://www.filesupload.com/http://www.flickr.com/https://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F&ltmpl=yessignupshttp://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.htmlhttp://www.3dtextmaker.com/cgi-bin/3dtext.plhttp://blogsmadeinspain.blogspot.com/2008/01/blog-post.html


13/65

Descripcin de las partes de un Blog.

En primer lugar me gustara decir que un blog es una pgina web "sencilla", que se

realiza mediante una plantilla en algn lenguaje de marcacin (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...


Outer, Outer-wrapper o Fondo de pgina:Es la envoltura completa de todo el blog,

puede ser de un color, una imagen, una animacin, etc... Su misin 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 ttulo del blog, y la "Description" o descripcin

que pongamos de nuestro blog. Generalmente contiene nuestra imagen corporativa, logo,

o imagen que queramos que nos represente. Aqu puede colocarse tambin cualquier

elemento distinto a estos, menos los "post" (que son el contenido principal de un blog).

Tiene un tamao 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 ms 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 (imgenes,

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 nmero de "post" que muestre.

12
http://blogsmadeinspain.blogspot.com/2008/01/descripcin-de-las-partes-de-un-blog.htmlhttp://blogsmadeinspain.blogspot.com/2008/01/descripcin-de-las-partes-de-un-blog.html


14/65

Sidebar o Barra lateral: Aqu no podemos colocar "post", pero s cualquier otro

elemento que soporte nuestro blog (imgenes, animaciones, videos, widgets o artilugios,

enlaces o "links", publicidad, etc...). Tambin 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 tendrn la anchura y separacin a la Columna principal que

nosotros decidamos y definamos en la plantilla.

Footer o Pie de pgina:Como su nombre indica, es la parte inferior que cierra nuestro

blog. Tambin aqu puede colocarse cualquier elemento, menos los "post". Tiene un

tamao fijo que definimos a nuestro antojo en la plantilla.

Widgets, gadgets o artilugios para todos

Aqu os dejo una relacin de sitios para descargar Widgets o artilugios:

GOOGLE GADGETS:Un sitio imprescindible, cientos de artilugios para todos los gustos

(noticias, juegos, relojes, tiempo atmosfrico, fechas, calendarios y un largo etc...) No

puedes dejar de verla. El calendario que puedes ver en mi blog es de aqu.

WIDGETBOX:Otra pgina totalmente necesaria, aunque est en ingls. Muy parecida

a la pgina de google gadgets. Cientos y cientos de artilugios aunque ya te digo que la

mayora estn en ingls. En mi blog puedes ver un ejemplo con la carta de colores y su

cdigo Hex en la sidebar.

HISTATS: Contadores de visitas de todas las formas, estticos, dinmicos, de varias

lneas... Seguro que encuentras uno que te guste.

CONTADORES WEB:Contadores de visitas y relojes.

METEO RED:El tiempo atmosfrico de tu localidad en el blog, actual o la previsin, y

con muchos diseos. En mi blog he colocado un widget de esta pgina, indica el tiempo

actual en Sevilla.

MARCOVANVEELEN:Creacin de botones, configurables en todos los aspectos.

CLOCK LINK: Una gran cantidad de relojes para tu blog. Editables en colores y

tamaos.

13
http://blogsmadeinspain.blogspot.com/2008/02/widgets-gadgets-o-artilugios-para-todos.htmlhttp://www.google.com/ig/directory?synd=open&source=gghphttp://www.widgetbox.com/galleryhome/http://www.histats.com/es/allcounter.phphttp://contadores-de-visitas.imitable.com/http://www.meteored.com/situacion_actual/situacion-actual-espana-1-es.htmlhttp://www.marcovanveelen.nl/buttongenerator/http://www.clocklink.com/gallery.php?category=ANALOGhttp://www.clocklink.com/gallery.php?category=ANALOGhttp://www.marcovanveelen.nl/buttongenerator/http://www.meteored.com/situacion_actual/situacion-actual-espana-1-es.htmlhttp://contadores-de-visitas.imitable.com/http://www.histats.com/es/allcounter.phphttp://www.widgetbox.com/galleryhome/http://www.google.com/ig/directory?synd=open&source=gghphttp://blogsmadeinspain.blogspot.com/2008/02/widgets-gadgets-o-artilugios-para-todos.html


15/65

Slideshows...muestra un album fotogrfico en tu blog de maneraartstica

"Slideshow" son presentaciones de varias fotografas aplicando ciertos efectos ms o

menos complejos, y ms o menos vistosos. Mirad los ejemplospinchando sobre el ttulo ...

Para conseguir efectos como los de los ejemplos anteriores, entrad en una de estas

pginas, aunque en alguna os tendris que registrar:

slide.com: Esta es la pgina en la que he hecho los dos ejemplos anteriores. Fcil de

manejar, no os tenis que registrar, y est en espaol.

Imageloop: Tambin cantidad de efectos y en espaol, pero aqu s os tenis que

registrar.

Picturetrail:Muchos y buenos efectos, pero pasando por registro.

Tambin desdeFlickr podis hacer presentaciones o slideshows de fotografas, pero

siempre que tengis una cuenta en yahoo (es gratuito) y fotografas alojadas all.

Utilidades online para crear efectos en tu blog

Hay muchas pginas 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 imgenes que vayas a subir a tu blog. Est en ingls, pero resulta de muy

fcil manejo.

flash-gear:Muchos efectos que podrs aplicar como widgets. Uno de los ms curiosos de

esta web es el crear un puzzle con tus propias imgenes.

Fotline: En este sitio web podrs aadir a tus fotografas efectos de reflejo de agua. Te

dejo un ejemplo.

Como un pequeo inconveniente, aade el nombre de la pgina "Fotline" en la parte

inferior de la imgen creada. Pero con cualquier editor, por ejemploonline-image-

editores fcil de recortar (como he hecho yo en la imagen del ejemplo)

Picasion:Esta pgina te permite crear "gif" o imgenes animadas, a patir de tus propias

14
http://blogsmadeinspain.blogspot.com/2008/02/slideshowsmuestra-un-album-fotogrfico.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/slideshowsmuestra-un-album-fotogrfico.htmlhttp://www.slide.com/arrangehttp://www.imageloop.com/es/index.htmhttp://www.picturetrail.com/photoFlick/samples/pflicks.shtmlhttp://www.flickr.com/http://www.flickr.com/http://blogsmadeinspain.blogspot.com/2008/02/utilidades-online-para-crear-efectos-en.htmlhttp://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.flash-gear.com/index.php?ahttp://www.flash-gear.com/index.php?ahttp://www.fotline.ws/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://picasion.com/http://picasion.com/http://www.online-image-editor.com/http://www.online-image-editor.com/http://www.fotline.ws/http://www.flash-gear.com/index.php?ahttp://www.online-image-editor.com/http://blogsmadeinspain.blogspot.com/2008/02/utilidades-online-para-crear-efectos-en.htmlhttp://www.flickr.com/http://www.picturetrail.com/photoFlick/samples/pflicks.shtmlhttp://www.imageloop.com/es/index.htmhttp://www.slide.com/arrangehttp://blogsmadeinspain.blogspot.com/2008/02/slideshowsmuestra-un-album-fotogrfico.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/slideshowsmuestra-un-album-fotogrfico.html


16/65

imgenes. Con un mximo de 10 imgenes y con el tamao que tu quieras. Muy buena

pgina, la usars en numerosas ocasiones.

glitter-graphics:Animaciones, efectos, letras, mensajes... y mucho ms. Est en ingls.

Os dejo dos "gif" obtenidos de esta pgina....

. . . . . . . . .

Blinkyou:otra web con dibujos, gifs, letras y efectos. Est en ingls.

Picmarkr:Aade marcas de agua a tus fotografas. Puedes aadir tu nombre, cualquier

texto, logos, etc...

Favicon: Crea iconos de cualquier fotografa o dibujo que tengas. Tamaos de 32 x 32

pixeles o de 16 x 16.

Imgenes en tu blog y su manipulacin

Un componente importantsimo en tu blog sern, casi con total seguridad, las imgenes.

Ya sean de caracter decorativo, informativo en los "post", como "divider", o como enlace,

sin lugar a dudas que debers conocer como se insertan imgenes, y sus manipulaciones

principales.

Tendrs dos formas de hacerlo:

La primera es desde el propio menu de "Blogger", tanto en "creacin de entradas/crear",

como en "Plantillas/Elementos de la pgina/Agregar elemento a la pgina", encontrars

la posiblidad de insertar imgenes, videos, y otros elementos.

Pero sus posibilidades de manipulacin son muy escasas, si solo usas esta forma de

insertar imgenes. Por lo que deberemos usar cdigos html ...


Donde queramos situar una imagen, lo haremos como "Elemento html", con el siguiente

cdigo:

Si adems queremos sealar un tamao concreto para la imagen, independientemente del

tamao que tenga, usaremos los parmetroswidth (anchura) y height (altura), de la

siguiente forma:

Tened en cuenta que si solo se coloca una de estas dos variables, la imagen se reducir o

ampliar manteniendo su proporsin entre altura y anchura, pero si se colocan las dos

esta proporsin puede romperse, y la imagen aparecer ms alargada o ancha.

15
http://www.glitter-graphics.com/http://www.glitter-graphics.com/http://www.blinkyou.com/http://picmarkr.com/http://www.html-kit.com/favicon/http://blogsmadeinspain.blogspot.com/2008/02/imgenes-en-tu-blog-y-su-manipulacin.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/imgenes-en-tu-blog-y-su-manipulacin.htmlhttp://www.html-kit.com/favicon/http://picmarkr.com/http://www.blinkyou.com/http://www.glitter-graphics.com/


17/65

Otro modificador muy usado es para centrar la imagen en el elemento que lo contenga

(post, sidebar, cabecera, etc...), se realiza aadiendo al principio y al final el siguiente

cdigo:

Por ltimo, por ahora, veremos como posicionar una imagen en un lugar concreto del

blog o del elemento que lo acoja:

Con "absolute" indicamos que la posicin est referida a la totalidad del blog. La otra

opcin sera colocar "relative", con lo que indicaramos que la posicin 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 valordepender de cada blog y de dnde quiera ponerse la imagen).

Tambin podemos indicar la distancia al borde inferior (sustituyendo "top" por "bottom",

y al borde derecho (sustituyendo "left" por "right").

HACED PRUEBAS, VERIS COMO ES MS FCIL 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 espaol:

Supongo que faltarn algunas, pero a mi juicio estas son las ms importantes. Yo solo

puedo recomendaros "Blogger", que es la nica que conozco, y en la que est alojado este

blog. Pero para los que queris comparar antes de decidiros, os dejo un enlace con una

comparativa de algunas de ellas en Blogmundi.

16
http://blogsmadeinspain.blogspot.com/2008/02/blog-post.htmlhttp://www.blogmundi.com/2007/04/04/comparativa-de-plataformas-gratuitas-de-blogs/http://www.blogmundi.com/2007/04/04/comparativa-de-plataformas-gratuitas-de-blogs/http://www.blogmundi.com/2007/04/04/comparativa-de-plataformas-gratuitas-de-blogs/http://nireblog.com/eshttp://blogs.miarroba.com/http://blogs.ya.com/http://www.blogia.com/http://blogdiario.com/http://bitacoras.com/registrohttp://www.lacoctelera.com/http://www.fullservices.com.ar/fullblog.phphttps://www.blogger.com/starthttp://blogsmadeinspain.blogspot.com/2008/02/blog-post.html


18/65

10 respuestas y consejos para los nuevos bloggers

Si eres nuevo en el mundo de los blogs o an no tienes uno propio, y tienes ganas de

mejorar los diseos 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

mo est alojado en Blogger, pero hay muchos ms. All elegirs el nombre para tu blog.PinchaAqupara ampliar este tema y ver los alojamientos gratuitos ms importantes.

Yo solo puedo aconsejarte Blogger, ya que es el que yo uso y va bastante bien. Adems

de ser el ms extendido en el mundo, segn creo.

Qu es un Blog y de qu partes se compone?...[+/-]

Un Blog no es ms que una pgina web sencilla, que est realizada mediante una

plantilla en algn lenguaje de marcacin (html, xml, ). No es necesario tener

conocimientos de estos lenguajes para poder modificar las plantillas preestablecidas por

las plataformas de blogs. (Y el ejemplo ms claro lo tienes en m, yo tengo muy pocos

conocimientos de lenguaje html).

Para entender ms algunos conceptos y post de este Blog, necesitas conocer las partes quecomponen un Blog. PinchaAqu.

Cmo cambio el diseo del Blog que he creado anteriormente? ...[+/-]

Todos los blogs estn realizados a base de una plantilla editable, que puedes ver y

manipular t mismo. Claro est, teniendo algunos conocimientos bsicos de

lenguaje html.

Sin embargo, hay mucha gente como yo, que desinteresadamente se dedica a crear

plantillas con nuevos diseos de blogs. As, simplemente cambiando tu plantilla original

por la que puedes descargarte en Blogs made in spain o en otros lugares, tendrs diseos

ms adaptados a tu gusto y ms originales. Si quieres ver todas las plantillas diseadas por

m, pinchaAqu.

Y si deseas ver otras pginas de plantillas gratuitas pinchaAqu.

Qu precauciones debo tener antes de cambiar la plantilla de mi blog?...[+/-]

Lo primero de todo, irte a Diseo/Edicin 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 tendrs 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 perdern cuando cambies la plantilla. Pero esto tiene fcil

solucin, la ms sencilla de todas es irte a Elementos de la pginay editar los elementos

que tengas, copiando su edicin en formato html a cualquier editor de textos (MS Word,

Bloc de notas, etc). Para, una vez que hayas cambiado la plantilla, irte a Aadir un

elemento de pgina, e ir creando los elementos en html que antes has copiado al editor

de textos.

Las entradas o post que tengas NO se perdern, ni ningn elemento dentro de ellas, as

como, el ttulo, la descripcin, etc

17
http://blogsmadeinspain.blogspot.com/2008/02/10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/10-respuestas-y-consejos-para-los.html


19/65

Cmo cambio la plantilla de mi blog?...[+/-]

Insistir en que al cambiar la plantilla de tu blog, se perdern casi todos los elementos que

no sean entradas o post, aunque hay formas para poder recuperarlos despus del

cambio, como hemos visto en la respuesta anterior. Pero NO se perdern ninguna de las

entradas o post que tengas.

En el caso de Blogs made in spain cuando te descargues una plantilla (Instrucciones de

descarga), debers descomprimir la carpeta que te has descargado con WinZip u otrocompresor que soporte archivos zip.

Al descomprimir, encontrars los siguientes archivos:

Todas las imgenes que contiene el diseo de la plantilla que te has descargado.

Un archivo de texto denominado INSTRUCCIONES seguido del nombre de la

plantilla, donde encontrars un resumen de lo que necesitas saber para instalar esa

plantilla.

Un archivo con extensin XML, que es la plantilla en s.

Vete a Diseo/Edicin 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 Diseo/Edicin en HTML podrs ver tres

opciones:

BORRAR CAMBIOS, para volver a tu plantilla anterior.

VISTA PREVIA, para ver que tal ha quedado el nuevo diseo 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 ests editando una plantilla en Diseo/Edicin 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
http://blogsmadeinspain.blogspot.com/2008/02/instrucciones-para-la-descarga-de.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/instrucciones-para-la-descarga-de.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/instrucciones-para-la-descarga-de.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/instrucciones-para-la-descarga-de.html


20/65

Coloca en ese cuadro la palabra o parte que te interesa encontrar.

Ten en cuenta que la mayora 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 imgenes que utilizas en tu blog en alguna pgina de alojamiento

gratuita....[+/-]

Mi consejo es que alojes todas las imgenes que componen tu blog en alguna de las

pginas de alojamiento gratuitas. Si quieres ver las ms importantes pinchaAqu.

Tambin guarda una copia de todas las imgenes en tu PC, algn da puedes necesitarlas.En todos los archivos de instrucciones de las plantillas que podis descargaros aqu va este

texto:

Aloja las imgenes que se acompaan en alguna de las pginas de alojamiento de

imgenes, dentro de una cuenta que t te crees. Y despus vete a "PANTILLA/EDICIN

DE HTML", y localiza con CTRL+F el nombre de ests imgenes en la plantilla,

sustituyendo la ruta URL por la nueva en la que hayas alojado las imgenes.

(Aunque inicialmente os funcione perfectamente la plantilla sin hacer esto, yo no puedo

garantizar el alojamiento de estas imgenes, por eso recomiendo que las redireccionis a

la nuevas URL donde las tengis alojadas.)

HACEDLO si no queris tener sorpresas en el futuro.

Nota: La ruta URL no es ms que la direccin 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 compaera de El escaparate de Rosa en un post, lo

entenderis mejor. PincharAqu.(Est subtitulado en espaol)

Cmo administro mi blog si no tengo la barra superior de Blogger?...[+/-]

En todas las plantillas que os podis descargar de Blogs made in spain desaparece la

barra que Blogger coloca en la parte superior del blog, y con la que podis acceder

directamente a editar el blog o hacer una nueva entrada.Algo como esto:

En mis diseos he optado por quitarla por un tema esttico. Pero cuando queris entrar

en la edicin de vuestro blog, simplemente entrar en la pgina inicial de Blogger e

identificaros con el nombre de usuario y contrasea. De esta forma accederis al Panel

donde podis Administrar todos vuestros blogs. PinchaAqu.

Acurdate de incluir tus agradecimientos....[+/-]

Lo normal y moralmente razonable, es aadir 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 diseo, 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 existiramos en la red.

19
http://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.htmlhttp://elescaparatederosa.blogspot.com/2007/09/qu-es-el-rss.htmlhttps://www.blogger.com/starthttps://www.blogger.com/starthttp://elescaparatederosa.blogspot.com/2007/09/qu-es-el-rss.htmlhttp://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.html


21/65

Lenguaje HTML para novatos

Por muy nuevos que seis en el mundo de los blogs, tarde o temprano os interesar

conocer algo ms de ese lenguaje tan "raro" en el que estn hechas las plantillas de los

blogs, el lenguaje de marcacin HTML.

Aunque sea tan solo para realizar pequeas modificaciones dentro de vuestros blogs,

aunque realmente con pocos conocimientos y poco esfuerzo podris llegar a modificar y

redisear completamente plantillas.

Os dejo tres enlaces donde podris encontrar manuales de html bsicos, pero muy

jugosos:

Tutotial HTML de Vagabundia: Muy completo y fcil de entender. En los botones de la

izquierda de esta pgina encontraris el ndice y las partes de que se compone este tutorial.

(Muy recomendable)

html - basico:Algo ms bsico que el anterior, pero muy til en el diseo y manipulacin

de las plantillas. Adems, este blog est creando un blog dedicado exclusivamente a dudas,

preguntas o consultas de estos temas.

banzai.forumcommunity.net:Es el ms bsico de los tres, pero incluye lo ms usado a la

hora de redisear 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

botn de "Play")

Es un saludo a mis lectores de bienvenida y agradecimiento. Con esto podemos conseguir

humanizar nuestro blog, acercarnos nosotros mismos ms a los que nos visitan.

Creo que sera 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?


Despus de dos semanas probando distintos mtodos existentes para reproducir archivosmp3 en nuestros blogs (hay muchos mtodos), 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 pedira que si alguien no escucha bien el mensaje me deje un comentario,

por favor.

20
http://blogsmadeinspain.blogspot.com/2008/03/lenguaje-html-para-novatos.htmlhttp://vagabundia.bolsanegra.net/index.php/tutorialhtml/http://html-basico.blogspot.com/http://banzai.forumcommunity.net/?act=Print&f=1165360&t=7887851http://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://banzai.forumcommunity.net/?act=Print&f=1165360&t=7887851http://html-basico.blogspot.com/http://vagabundia.bolsanegra.net/index.php/tutorialhtml/http://blogsmadeinspain.blogspot.com/2008/03/lenguaje-html-para-novatos.html


22/65

Evidentemente todo parte por poder grabar tu voz, y despus recomiendo pasarlo a

archivo tipo mp3, ya que es el que menos memoria ocupa, y por tanto prcticamente no

existen tiempos de espera.

En cuanto a grabar tu voz, hoy en da casi todos tenemos una grabadora, cmara o

reproductor mp3 que nos puede servir.

Debemos alojarlo en un servicio de alojamiento gratuito, que adems tenga un acceso

directo a este tipo de archivos de sonido, por ejemplo.... Google Pages

As, nuestro widget quedar con el siguiente cdigo:

Conecta los altavoces y pulsa "Play"

Primero una frase para incitar a escuchar, aunque tambin puedes colocar una imagen o

cualquier otro elemento. Despus coloca en dos lugares la URL COMPLETA DEL MP3,

ruta donde lo hallas alojado, incluyendo http//.

Tambin puedes probar a cambiar los cdigos de los colores para adaptarlo a la esttica de

tu blog.

Edito este post para informaros que he actualizado algn 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 ms gente de lo que yo pensaba que no tienen la posibilidad de gravar su voz en

formato digital.

Pues bien.... LOS DOS PROBLEMAS TIENE FCIL SOLUCIN... Vamos all.


21
http://pages.google.com/http://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://pages.google.com/


23/65

Para que nuestro widget se vea perfectamente y funcione en Firefox cambiar el cdigo

del Post anteriorpor este nuevo cdigo:

Despus de podis colocar una frase para incitar a escuchar, aunque tambin

puedes colocar una imagen o cualquier otro elemento. Despus coloca en dos lugares la

URL COMPLETA DEL MP3, ruta donde lo hallas alojado, incluyendo http//. Tambinpuedes probar a cambiar los cdigos de los colores para adaptarlo a la esttica de tu blog.

Para el segundo problema que hemos comentado, es decir, para aquellos que no tengis

medios para gravar vuestra voz, os dejo este enlacecon una web en la que solo tenis que

escribir vuestro mensaje, y os generar en pocos segundos un archivo "wav". Podis elegir

entre voz masculina o femenina, y el idioma. (Si es espaol, tambin podris elegir entre

distintas voces de pases latinoamericanos).

Es muy muy buena, aunque claro est la voz os sonar un poco artificial y no ser la

vuestra, pero s podris expresar en palabras lo que queris 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 usis "Nero" para copiar cd o dvd, pues "Nero" incorpora el "WaveEditor",

con el que simplemente abriendo un archivo de sonido o msica, despus puedes

guardarlo con el formato que quieras, entre ellos el "mp3".

22
http://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.htmlhttp://tts.loquendo.com/ttsdemo/default.asphttp://tts.loquendo.com/ttsdemo/default.asphttp://blogsmadeinspain.blogspot.com/2007/03/saluda-tus-lectores-con-tu-propia-voz.html


24/65

Las webs ms divertidas que he visto en internet

Si queris risas garantizadas para bastante tiempo, no podis 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".

Quin es el personaje de las fotografas?... Es muy muy conocido.

Leer completo...[+/-]Supongo que ms de uno ya lo ha adivinado, s ... es Ricky Martin, aunque est un poco

cambiado.

Las tres primeras fotografas estn 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 cmo seran de adolescentes, de

adultos o de ancianos.

Est en ingls, pero es muy fcil de usar.

Otra de las web esPicHacks, donde jugando con las

simetras podrs crear retratos como el de la cuarta

fotografa que os puse al principio del post. Tambin muy divertida, y en ingles, pero an

ms fcil de manejar que la anterior, aunque mucho ms limitada.

Y por ltimo, y no por ello menos divertida, es Simpsonize Me, donde podrs crear un

personaje de los Simpsons desde una fotografa tuya o de quien t quieras. Ah va el de

Ricky martin...Tambin incluir mi propio retrato como personaje de los

Simpsons, realmente tiene cierto parecido:

23
http://blogsmadeinspain.blogspot.com/2008/04/las-webs-ms-divertidas-que-he-visto-en.htmlhttp://www-old.cs.st-andrews.ac.uk/~morph/Transformer/index.htmlhttp://www-old.cs.st-andrews.ac.uk/~morph/Transformer/index.htmlhttp://www.pichacks.com/http://www.pichacks.com/http://simpsonizeme.com/#http://simpsonizeme.com/#http://www.pichacks.com/http://www-old.cs.st-andrews.ac.uk/~morph/Transformer/index.htmlhttp://www-old.cs.st-andrews.ac.uk/~morph/Transformer/index.htmlhttp://blogsmadeinspain.blogspot.com/2008/04/las-webs-ms-divertidas-que-he-visto-en.html


25/65

Escalado lquido, ya est aqu

Los que usis el programa Adobe "Photoshop", y seis un poco aficionados al diseo

grfico o diseo web, seguramente llevis oyendo eso del "escalado lquido" algunos

meses. Se comenta que la nueva versin 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 lquido online, totalmente gratuito y sin tener que

registrarnos:

Qu puede hacer este "escalado liquido"? ... Veamos un ejemplo con dos pequeas

imgenes:

La primera imagen es la original, y la segunda tiene un reescalado disminuyendo su

altura en relacin a su anchura. Pero si observis los elementos (peces grandes, peces

pequeos y burbujas), tienen la misma proporcin 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 proporcin en

toda la imagen. Y todo en pocos segundos.

Esto no deja de ser un pequeo ejemplo, pero las posibilidades son numerosas.

Un pequeo inconveniente es que la pgina est en ingls, pero si la cargis en cualquier

traductor online, ser ms fcil.

24
http://blogsmadeinspain.blogspot.com/2008/04/escalado-lquido-ya-est-aqu.htmlhttp://rsizr.com/http://blogsmadeinspain.blogspot.com/2008/04/escalado-lquido-ya-est-aqu.html


26/65

Banners online y gratis para todos

Los Banners no son ms que un formato publicitario de internet, aunque si queris

profundizar ms en su definicin Wikipedia lo define perfectamente aqu.

Normalmente se usa para alojar publicidad de alguna otra web en tu blog, pero tambin

puedes crearlos para redireccionar a otros blogs, a distintas etiquetas o elementos de tu

propio blog, etc... Y por supuesto, para llamar la atencin a tus lectores, lo mejor es que

sean banners animados, que presenten cierta animacin o movimiento. Podis ver unejemplo de esto en mi sidebar, con un gran botn que cambia constantemente de color y

que os redirecciona hacia"Todas las Plantillas diseadas por m". Con ellos podis llamar

la atencin de vuestros lectores hacia algo que os interese destacar en ese momento.

Realmente lo que a un bloguero puede interesarle ms es como crearlos de forma gratuita

y online. Pues bien, para eso existen muchas webs que nos ofrecen ese servicio, aunque en

algunas debis estar registrados, entre ellas yo destacara las siguientes:

Quickbanner

Flash Banner Now

Ciberzonia

Animation onlineBanner Break

Crear tu propio foro gratis

Seguramente muchos de vosotros habis pensado alguna vez en crear vuestro propio foro,

de deportes, literatura, arte, informtica, videojuegos, diseo, etc... Y no sabis por donde

empezar.

Pues en realidad es mucho ms fcil de lo que imaginis, ya que existen numerosas webs

especializadas en dar este servicio totalmente gratis. Tan fcil como registraros, crear

vuestro foro, redisearlo a vuestro gusto, y a "forear". Os dejo enlaces a las principales que

he encontrado en espaol:

Esto no es una lista exhaustiva, seguramente faltan varias, pero con estas tenis una

buena lista para comenzar. Quizs un foro sea el complemento ideal para vuestro blog.

25
http://blogsmadeinspain.blogspot.com/2008/05/banners-online-y-gratis-para-todos.htmlhttp://es.wikipedia.org/wiki/Bannerhttp://blogsmadeinspain.blogspot.com/search/label/misplantillashttp://blogsmadeinspain.blogspot.com/search/label/misplantillashttp://quickbanner.com/http://www.flashbannernow.com/free-flash-banner/#http://www.ciberzonia.net/recursos_webmasters/banners_online.htmlhttp://www.animationonline.com/http://www.bannerbreak.com/index.phphttp://blogsmadeinspain.blogspot.com/2008/05/crear-tu-propio-foro-gratis.htmlhttp://foro-gratis.latin-foros.com/http://www.foros.net/http://www.forogratis.es/http://www.foroactivo.com/http://esforos.com/http://www.creatuforo.com/http://www.crearforo.com/http://www.mundoforo.com/index.phphttp://blogsmadeinspain.blogspot.com/2008/05/crear-tu-propio-foro-gratis.htmlhttp://www.bannerbreak.com/index.phphttp://www.animationonline.com/http://www.ciberzonia.net/recursos_webmasters/banners_online.htmlhttp://www.flashbannernow.com/free-flash-banner/#http://quickbanner.com/http://blogsmadeinspain.blogspot.com/search/label/misplantillashttp://es.wikipedia.org/wiki/Bannerhttp://blogsmadeinspain.blogspot.com/2008/05/banners-online-y-gratis-para-todos.html


27/65

Como abrir una ventana emergente (pop-up) desde vuestro blog

Todos sabris lo que es una ventana emergente o pop-up, que la mayora 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 tamao. Pues hoy os traigo un sencillo cdigo 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 vers, pero por ejemplo tambin puedes

escuchar un sonido, una cancin, ver un video, etc...

Conecta los altavoces y pincha Aqu...


El cdigo que debes usar para abrir una ventana emergente pinchando sobre un texto,

como los dos ejemplos anteriores, es el siguiente:

TEXTO PARA PINCHAR

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, cancin, 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

vern tus lectores para pinchar.

Pero ahora vamos un paso ms all, veamos como podemos colocar una imagen para

que al pinchar sobre ella aparezca la ventana emergente. Pincha sobre el logo...

Ahora el cdigo quedara as:

26
http://blogsmadeinspain.blogspot.com/2008/05/como-abrir-una-ventana-emergente-pop-up.htmlhttp://blogsmadeinspain.blogspot.com/2008/05/como-abrir-una-ventana-emergente-pop-up.htmlhttp://blogsmadeinspain.blogspot.com/2008/05/como-abrir-una-ventana-emergente-pop-up.htmlhttp://es.wikipedia.org/wiki/Pop-uphttp://es.wikipedia.org/wiki/Pop-uphttp://3ejyzg.bay.livefilestore.com/y1pvjUsTjcG799-0burfXB8CQwybYSU5ZDrlCBd5MoC2VM4V8Z5VOws1YX3SOYkMALR6BnoR9WwwDM/blogs_destellos_600.gifhttp://blogsmadeinspain.googlepages.com/REC001.mp3http://cfxuug.bay.livefilestore.com/y1p0CS0DZ2HBr_eg2TwGd4dFE27IH4lTe8rsSmU8Vm0suOoddyqbso_tmBJchciWOR8cTOl2AlfpwM/comentarios-alma.jpghttp://blogsmadeinspain.googlepages.com/REC001.mp3http://3ejyzg.bay.livefilestore.com/y1pvjUsTjcG799-0burfXB8CQwybYSU5ZDrlCBd5MoC2VM4V8Z5VOws1YX3SOYkMALR6BnoR9WwwDM/blogs_destellos_600.gifhttp://es.wikipedia.org/wiki/Pop-uphttp://blogsmadeinspain.blogspot.com/2008/05/como-abrir-una-ventana-emergente-pop-up.html


28/65

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 fcil, he decidido redactar este post para

ayudar a los que comienzan su andadura en el mundo de los blogs.

Primero comentar que ningn servicio de alojamiento de imgenes o archivos de carcter

gratuito es infalible, ni siquiera los que no son gratuitos. Algunos tienen como punto dbil

la cantidad mxima de Megas que puedes alojar, otros el ancho de banda, etc...

En mi experiencia puedo asegurar que Google Pageses uno de los mejores y ms fiables,

no en vano pertenece a una de las compaas ms poderosas el sector. Esto no quiere

decir que no tenga fallos, el ms 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 usis

plantillas diseadas por m, alojis las imgenes que se usan en las mismas en vuestra

propia cuenta creada en Google Pageso en otro servicio gratuito. En este postenumeraba

algunos de los ms 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 ao, por lo que recomiendo para alojar vuestras imgenes

que escojis cualquier otro servicio de alojamiento gratuito. Incluso las imgenes o

archivos que tengais alojados ya, cambiarlos a otro servicio.


En realidad este servicio de Google est pensado para crear pginas web gratuitas, aunque

algo rudimentarias, pero se le da mejor uso como alojamiento de imgenes o archivos.

Comenzar explicando desde el principio del todo, es decir, creando una cuenta en Gmail,

si ya la tenis podis saltaros este paso:

Entrar en la pgina inicial de Google Pages, una vez all vers algo parecido a esto:

27
http://blogsmadeinspain.blogspot.com/2008/06/como-alojar-imagenes-en-google-pages.htmlhttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttp://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.htmlhttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttp://blogsmadeinspain.blogspot.com/2007/12/alojamiento-de-imgenes-para-uso-en-tu.htmlhttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttp://blogsmadeinspain.blogspot.com/2008/06/como-alojar-imagenes-en-google-pages.html


29/65

Pinchando en la parte que os he marcado en color rojo "No Gmail Account? Sign up",

pasaris a la pgina para crear una cuenta en Gmail, llamada "Crear una cuenta de

Google - Gmail", ah podrs fijar los parmetros que desees para tu nueva cuenta de e-

mail. Cuando termines de introducir los datos que te piden vete al final de la pgina y

pincha en "Acepto.Crear mi cuenta". Ya habrs creado tu cuenta en Gmail y te abrir

una pgina de presentacin.

Vete ahora de nuevo a la pgina inicial deGoogle Pages, pero ahora solo tendrs que

introducir tu nombre de cuenta completo y tu password. Pincha en "Sign in".

Entrars en la pgina llamada "Welcome to Google Page Creator", pincha en "Im ready

to create my pages", te lo marco en rojo en la siguiente imagen:

Esto te llevar a la parte inferior de la pgina, donde tendrs que marcar el cuadradito

de "I have read and agree to these Terms and Conditions", y una vez aceptadas lascondiciones de uso, pinchar sobre el botn inferior de color gris.

Entrars en una pgina donde no tienes que hacer nada, exclusivamente pincha

sobre "Back to Site Manager", lo llevas marcado en color rojo en la imagen inferior:

28
https://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignupshttps://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2Fmanager%2Fblogsmadeinspain%2F&ltmpl=yessignups


30/65

Una vez hecho todo esto ya estars en condiciones de poder alojar imgenes u otros

archivos (por fin....). Habrs entrado en tu "Site Manager", y vers a la derecha de la

pgina una seccin titulada "Uploaded Stuff", ah es donde te aparecern todas las

imgenes que tengas alojadas, pero de momento debe aparecer vaco. Picha en [upload] y

ya podrs examinar tu PC para buscar las imgenes o archivos que quieres alojar. Te dejo

una imagen de esto:

Ya cada vez que entres enhttp://pages.google.com/ entrars directamente a tu "Site

Manager", despus de poner tu e-mail completo y tu password.

En la parte inferior del "Site Manager" vers el porcentaje de memoria usada de los 100

Mb que dispones, pero mi consejo es que no uses ms 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 entendis.

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 nmero de entradas o

posts empieza a preocuparte cada vez ms el que un da 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
http://pages.google.com/http://pages.google.com/http://blogsmadeinspain.blogspot.com/2008/06/hacer-una-copia-de-seguridad-completa.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/hacer-una-copia-de-seguridad-completa.htmlhttp://pages.google.com/


31/65


32/65

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 ms de 1000 comentarios en tu blog, aumentar este nmero en la ruta

anterior. Esta ruta te lleva a una pgina donde estn incluidos todos los comentarios que

existan en tu blog, sin ninguna limitacin. Por lo que simplemente en el men de tu

navegador debers buscar la opcin "Guardar como..." y guardarlo en tu PC con el tipo de

archivo que elijas segn sea Internet Explorer o Firefox.

Si haces esto de una manera peridica, siempre tendrs 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 ningn servicio que te genere y guarde una copia de

seguridad. Yo os comentar aqu un mtodo 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 irs 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 edicin en html (Lista de blogs, presentacin, texto, perfil,

archivos del blog, etc...), simplemente indica en el archivo de texto qu ttulo le has puesto

y qu clase de elemento es, si es texto podrs copiarlo sin dificultad.

De esta forma tendrs un archivo completo de todos los elementos o widgets que tienes en

tu blog y podrs 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 imgenes que uses o tengas incluidas en tu blog. No te fes de los serviciosde alojamiento gratuito, ya que a veces hacen cosas "extraas" y pueden dejarte sin

alguna de esas imgenes.

Disculpad que me extendiera tanto, pero el tema mereca una explicacin detallada.

31


33/65

Un diseo de plantilla muy especial

Hoy quiero mostraros el trabajo de un fotgrafo aficionado que conoc por

Blogsmadeinspain, Pepe Alcaide. Sus fotografas son impresionantes y de una calidad

altsima, no dejis de ver sulbum en Flickr.

He diseado una plantilla muy especial donde expone parte de sus fotografas, en concreto

las que hacen referencia a paisajes y lugares de Alicante. Pincha aquo en la imagen para

ver su blog.

Es muy probable que use algunas de

sus fotografas para disear algunas

plantillas, hay muchas que me gustan,

y ya tengo su permiso para usarlas.

No podis dejar de ver sulbum 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 habis hecho, y con mi propia experiencia

os escribo otras 10 preguntas y consejos para los que empezis en este fantstico mundo

de los blogs. Ya escrib otro post con esta temtica, muy interesante a nivel bsico, y de

lectura imprescindible. Si queris leerlo pincharAqu.

Qu es eso del lenguaje html?...[+/-]

El lenguaje HTML no es ms que uno de los lenguajes de marcacin con el que se

estructuran las pginas web y los blogs. Si alguno queris profundizar ms en este

trmino os enlazo con la definicin que hace Wikipediade este lenguaje de marcacin. No

necesitas tener ningn conocimiento de este u otro lenguaje para editar y modificar

muchos aspectos de tu blog, pero tarde o temprano te interesar tener unos

conocimientos bsicos. Para cuando llegue ese da te dejo en este post algunos manuales

de html, desde lo ms bsico hasta alguno ms 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 decoracin, 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 ms razonable es que cambies su diseo, 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 diseo.

En la actualidad existen cientos de lugares donde poder descargarte plantillas para

Blogger de forma gratuita, uno de ellos es este blog, donde podrs descargarte y usar todas

las plantillas diseadas por m de una manera fcil, rpida y gratuita. Si deseas ver la

coleccin completa de plantillas de Blogsmadeinspain pinchaAqu. 32
http://blogsmadeinspain.blogspot.com/2008/06/un-diseo-de-plantilla-muy-especial.htmlhttp://flickr.com/photos/ppalcaide/?saved=1http://flickr.com/photos/ppalcaide/?saved=1http://www.pepealcaide.blogspot.com/http://flickr.com/photos/ppalcaide/?saved=1http://flickr.com/photos/ppalcaide/?saved=1http://flickr.com/photos/ppalcaide/?saved=1http://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/10-respuestas-y-consejos-para-los.htmlhttp://es.wikipedia.org/wiki/HTMLhttp://blogsmadeinspain.blogspot.com/2008/03/lenguaje-html-para-novatos.htmlhttp://blogsmadeinspain.blogspot.com/search/label/misplantillashttp://blogsmadeinspain.blogspot.com/search/label/misplantillashttp://blogsmadeinspain.blogspot.com/2008/03/lenguaje-html-para-novatos.htmlhttp://es.wikipedia.org/wiki/HTMLhttp://blogsmadeinspain.blogspot.com/2008/02/10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://www.pepealcaide.blogspot.com/http://flickr.com/photos/ppalcaide/?saved=1http://flickr.com/photos/ppalcaide/?saved=1http://www.pepealcaide.blogspot.com/http://flickr.com/photos/ppalcaide/?saved=1http://blogsmadeinspain.blogspot.com/2008/06/un-diseo-de-plantilla-muy-especial.html


34/65

Cmo obtengo visitas del buscador Google?...[+/-]

Como casi todos sabris el principal buscador que existe en internet es Google, el ms

usado en el mundo con mucha diferencia. Se estima, dependiendo de la temtica del sitio

web o blog, que entre el 25 y el 50% de tus visitas te llegarn a travs de este buscador. Si

no apareces en l ... NO EXISTES en el e-mundo.

Luego para obtener un buen nmero de visitas en tu blog, estar bien posicionado en

Googley que sus robots de bsqueda localicen bien tu pgina es fundamental. Est claro

que el tiempo y la calidad de tu contenido es lo que te dar a la larga mejor resultado, peroal principio no viene mal una "ayudita" para aumentar tus visitas y as darte a conocer.

Os dejo un post deTrucosblogger donde explican muy bien cmo conseguir fcilmente

que Googleos tenga en cuenta en sus bsquedas.

Qu es eso de las ETIQUETAS y cmo puedo usarlas?...[+/-]

Seguramente muchos de los que os iniciis en el mundo de los blogs conocis solo

vagamente la importancia que tendrn 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 tendrs 20entradas, 50 entradas, 100 entradas... y necesitas una estructura desde el inicio para no

volverte loco. En este postpodis aprender lo bsico sobre el tema de las Etiquetas. Puedo

estar seguro de que nunca perder la informacin contenida en mi blog?...[+/-]

Rotundamente NO. Ten en cuenta que puedes llevar meses o aos trabajando y

poniendo toda tu ilusin y esfuerzo en un blog, y una maana cuando entres en l

descubrir que lo has perdido total o parcialmente.

Desgraciadamente existen muchas causas por las que puede perderse informacin valiosa

de tu blog, o incluso perderlo totalmente. Entre ellas yo destacara los ataques de "piratas"

informticos, baneo de los robots de Google u otros, etc...

Pero existe una solucin que es comn en todo lo relacionado con la informtica...

HACER UNA COPIA DE SEGURIDAD COMPLETA de tu blog y de una forma peridica.

En este post os indicaba distintas posibilidades para realizar dicha copia de seguridad de

una forma fcil y gratuita.

Quiero ocultar las fechas en mis entradas o post....[+/-]

En algunos blogs, como sucede con el mo, 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 queris que no os aparezca la fecha en el

encabezamiento de vuestras entradas os comento a continuacin cmo quitarlas.

Localiza con CRTL+F esta parte de tu plantilla y borra todas las lneas que te indico:

,

De esta forma no te aparecern las fechas encima de cada entrada o post que escribas.

33
http://www.google.es/http://www.google.es/http://www.google.es/http://www.trucosblogger.com/2007/06/obten-visitas-via-google.htmlhttp://www.trucosblogger.com/2007/06/obten-visitas-via-google.htmlhttp://www.google.es/http://blogsmadeinspain.blogspot.com/2008/02/uso-de-etiquetas-y-cmo-ocultarlas.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/hacer-una-copia-de-seguridad-completa.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/hacer-una-copia-de-seguridad-completa.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/uso-de-etiquetas-y-cmo-ocultarlas.htmlhttp://www.google.es/http://www.trucosblogger.com/2007/06/obten-visitas-via-google.htmlhttp://www.google.es/http://www.google.es/


35/65

Una forma de garantizar que vuestros visitantes os volvern a visitar es que os coloquen

como Favoritos en su explorador o navegador. Pues bien, vamos a ponrselo fcil, para

que pinchando sobre un simple widget en forma de botn os aadan a sus favoritos. ste

es el cdigo que tenis que pegar como elemento HTML/Javascript en vuestra sidebar odonde vosotros queris:

Simplemente cambiarhttp://www.blogsmadeinspain.blogspot.com por la ruta URL

completa de vuestro blog, y Blogs madeinspainpor el nombre que queris que aparezca

en las listas de favoritos de vuestros lectores.

Ocultar la barra de navegacin o navbar de Blogger...[+/-]

Supongo que todos sabis que la barra de navegacin o navbar que Blogger coloca por

defecto en la parte superior de nuestro blog puede quitarse sin ningn problema, y ello no

tiene ninguna consecuencia negativa. Si diseas un blog con una plantilla atractiva y no

te gusta el aspecto de la navbar, lo mejor que puedes hacerlo es quitarla, esto adems te

dar un aspecto ms "profesional", ms parecido a una pgina web. Para ello aade el

siguiente cdigo entre y :

#navbar-iframe { height:0px; visibility:hidden; display:none; }

Para acceder entonces a vuestro Panel de Control, como Administradores del blog, guarda

como favorito esta direccin https://www.blogger.com/starty 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 pgina, ya que sin su

servicio gratuito la mayora de nosotros no existiramos en el e-mundo)

Qu son los "Favicons"?...[+/-]

Son esas pequeas imgenes o iconos que aparecen asociados delante del nombre de una

pgina en la mayora de los navegadores. Aqu puedes ver como ejemplo el de este blog:

Haz una pequea 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,

comprobars que los elementos que ms te llaman la atencin son los que tienen favicon,

los otros aparecen con el pequeo icono que instale tu navegador por defecto.

Si quieres tu propio favicon, creo que dos buenos sitios para hacerlos sonFavicon from

Picsy favicon.com

Cmo puedo colocar un botn en mi blog para que los lectores me aadan a sus

favoritos?....[+/-]

34
http://www.blogsmadeinspain.blogspot.com/http://www.blogsmadeinspain.blogspot.com/https://www.blogger.com/starthttp://www.html-kit.com/favicon/http://www.html-kit.com/favicon/http://www.html-kit.com/favicon/http://www.favikon.com/http://www.favikon.com/http://www.html-kit.com/favicon/http://www.html-kit.com/favicon/https://www.blogger.com/starthttp://www.blogsmadeinspain.blogspot.com/


36/65

que segn los ltimos datosTechnorati ha superado ya los diez millones de blogs, y la

clasificacin que tengamos es bastante respectada, cosa que no sucede con otras

clasificaciones o rankings. Ah os dejo mi Autoridad y Ranking a da de hoy (25- 06-

2008):

Muchos dicen que Technoraties al mundo de los blogs lo que Googlees para las webs e

internet. PeroTechnoratino 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 ms

grande del e-mundo, es prcticamente 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 segn los ltimos que se escribieron, a diferencia del

buscador Google, que los ordena segn la importancia que le da a cada pgina.

Adems clasifica sus blogs registrados segn su autoridad (o importancia) y te da la

posicin en el ranking de tu blog entre todos. Adems 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 parmetros casi a diario. Hay que tener en cuenta

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

Como aadir un FAVICON a tu blog

Ya vimos qu era un Favicon y para qu se usaba en elpost anterior. Vimos que los

favicons son las pequeas imgenes o iconos que aparecen asociados delante del nombre

de una pgina en la mayora de los navegadores.

Tambin vimos dos buenas pginas para crearte el tuyo propio, Favicon from pics y

Favicom.com.

Pero se nos olvid un tema muy importante... como aadir 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 lnea de cdigo justo detrs de :

Solo tienes que cambiar URL COMPLETA IMAGEN FAVICON por la ruta completa

(incluyendo http://) donde alojaste la imagen de tu favicon.

Sencillo, verdad.

35
http://www.technorati.com/http://www.technorati.com/http://www.technorati.com/http://www.google.es/http://www.technorati.com/http://www.technorati.com/http://www.google.es/http://blogsmadeinspain.blogspot.com/2008/07/como-aadir-un-favicon-tu-blog.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://www.html-kit.com/favicon/http://www.html-kit.com/favicon/http://www.favikon.com/http://www.favikon.com/http://www.html-kit.com/favicon/http://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/07/como-aadir-un-favicon-tu-blog.htmlhttp://www.google.es/http://www.technorati.com/http://www.google.es/http://www.technorati.com/http://www.technorati.com/


37/65

Posts imprescindibles para nuevos blogueros

Ya que muchos de los que visitis mi blog estis empezando en el mundo de los blogs o

llevis muy poco tiempo, he decidido hacer un primer recopilatorio de los post de

Blogsmadeinspain imprescindibles para ustedes.

Los que llevis algn tiempo visitndome ya los conoceris, pero para los ms nuevos os

dejo 10 post o entradas que no debis dejar de leer, los minutos que empleis en su lectura

os sern 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

Descripcin de las partes de un Blog.

Alojamiento de imgenes para uso en tu blog

Como alojar imagenes en Google Pages

Imgenes en tu blog y su manipulacin

Uso de Etiquetas y cmo ocultarlas

Cambiar caractersticas del texto en las entradas

Esto no deja de ser una seleccin que considero de lectura imprescindible, pero en el resto

de entradas de este blog encontraris muchos ms temas interesantes relacionados con el

diseo y decoracin de blogs.

Ms plantillas de Blogsmadeinspain en Btemplates.com

Como os adelantaba eneste post anterior la nica plantilla diseada por m que hasta

ahora haba publicadoBtemplates, se vera pronto acompaada por varias ms. Pues

bien, desde el pasado lunes 21 de Julio ya son varias ms las publicadas por esta buena

pgina recopilacin de plantillas para Blogger, y pronto sern todava ms.

Btemplates ha considerado que mis diseos tienen la suficiente calidad para aparecer

junto a grandes diseos de plantillas o templates, algunas de autores profesionales.

36
http://blogsmadeinspain.blogspot.com/2008/07/post-imprescindibles-para-nuevos.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/blog-post.htmlhttp://blogsmadeinspain.blogspot.com/2008/02/10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/06/otras-10-respuestas-y-consejos-para-los.htmlhttp://blogsmadeinspain.blogspot.com/2008/01/descripcin-de-las-partes-de-un-blog.htm

U3_Trucos Para El Blog

Documents

Transcript of U3_Trucos Para El Blog