Está en la página 1de 21

ndice

1. Crear un blog es muy sencillo..........................................................................................................4


2. Aspecto general del blog..................................................................................................................5
2.1 Plantilla......................................................................................................................................6
Plantillas......................................................................................................................................6
Fondo..........................................................................................................................................7
Diseo.......................................................................................................................................10
Ajustar ancho............................................................................................................................10
Avanzado...................................................................................................................................11
2.2 Entradas...................................................................................................................................14
2.3 Pginas.....................................................................................................................................16
2.4 Comentarios.............................................................................................................................17
2.5 Google+...................................................................................................................................17
2.6 Estadsticas...............................................................................................................................18
2.7 Ingresos....................................................................................................................................19
2.8 Campaas.................................................................................................................................19
2.9 Diseo......................................................................................................................................20
3. Nota final........................................................................................................................................22

Como muchas de las cosas en esta vida, esta pequea gua naci por casualidad. Como ya sabes,
escribo en mi blog (www.thelittlecoccinelle.com) desde inicios de este ao 2014 y debo decir que
empezar desde cero no es nada fcil. A lo mejor tengo un poco de ventaja respecto a otra mucha
gente, porqu trabaj de programadora informtica durante varios aos y el mundo de HTML no me
suena a chino. As es que te propongo empezar por el principio y despacito a crear tu blog, que
es as como salen los mejores resultados.
Cuando yo empec (bueno, tampoco hace tanto) me di cuenta que haba, y an hay, 300.000 blogs
que cuentan como hacer y modificar mil y una cosas de tu blog, pero... Por dnde empiezo? Que
si gadgets, links, iconos de redes sociales.... la mayora de palabras no nos suenan y nos da
miedo pensar que para hacer un blog es necesario conocer todo este vocabulario, del cul no sabes
ni la mitad.
A mi me gustan las cosas claras en el idioma que sean, pero claras. Pienso que hay un vaco en
general a la hora de explicar como empezar un blog con Blogger desde cero. Es por eso que
nace esta gua, para que te sea ms fcil empezar con tu blog en Blogger, para que no te asustes con
las palabras que no conoces y para que puedas avanzar con la creacin de tu fantstico blog.
Tambin es para ti si tienes un blog, pero an no tienes claro todos y cada uno de los botoncitos y
apartados de que dispone Blogger. Seguro que descubres algo en la gua, que antes no sabas.
Esta gua te la puedes mirar de un tirn, por apartados cuando los necesites o de vez en cuando
para modificar el aspecto de tu blog o para refrescar la memria y saber para qu sirve un
determinado apartado o cmo se cambia algo en concreto.
Por favor, slo te pido que no la compartas. Yo tengo la licencia de autora del documento. Si
quieres que alguien lo tenga, slo tiene que suscribirse a mi lista, en el mismo blog. No cuesta
dinero y es muy rpido! Si la compartes, la exclusividad de informacin de la lista, ya no tiene
gracia! Eso s, la puedes recomendar a los cuatro vientos si te parece que es til! Gracias!
No me ando ms con rodeos! Entra, lee, aprende y disfruta!
3

1. Crear un blog es muy sencillo


Aunque parezca mentira, el simple hecho de crearlo es muy y muy sencillo, irlo perfilando y
arreglando y decorando a nuestro gusto y a nuestras necesidades, va a venir ms adelante.
Regstrate en Blogger. Si ya dispones de una cuenta de Google, slo te hace falta ir a
www.blogger.com y entrar con tus datos y si no tienes una cuenta, te puedes crear una en
accounts.google.es. Yo te recomiendo que ya que ests inmerso en el nuevo proyecto de tu blog, que
te crees un mail para el blog, con el mismo nombre o parecido, pero que no uses tu mail personal
para crear el blog, porqu no sabemos nunca hacia donde irn las cosas o si crecers mucho.
Entonces entras en Blogger y le das al botoncito de Nuevo blog.

A continuacin te aparecer un recuadro que tienes que rellenar con el nombre de tu blog y la URL,
es decir, lo que escribir la gente en el navegador, para ir a parar a tu blog. Piensa el nombre que le
quieres poner, es el nombre que te dar a conocer entre el montn de blogs que hay.

Cuando te pide que escojas la plantilla del blog, se refiere al aspecto general que viene
determinado por Blogger. Hay unos cuantos modelos que puedes escoger. No te preocupes que no
es nada definitivo. Con un clic ms adelante lo puedes cambiar.
Yuju! Ya tienes tu blog creado!! Ahora tienes que modificarlo un poco, o mucho, dependiendo de lo
que tengas ganas de hacer y de cmo debe ser su aspecto final.

2. Aspecto general del blog


Ahora lo que te toca hacer es dar un aspecto ms personal a tu blog, de acuerdo con los gustos y los
colores que te definen. Seguramente ahora, despus de crear el blog, has ido a parar a una pgina de
este estilo

Si no es as, no te asustes, debes estar en otra pgina dnde aparece el nombre de tu blog, y si
pasas por encima de l se vuelve naranja. Slo tienes que clicar al nombre de tu blog y ya
entrars aqu.
Vamos a mirar un poco el men lateral izquierdo, que es el que te servir para hacer cualquier
tipo de modificacin en tu blog.

2.1 Plantilla
Ya s que no es el primer apartado, pero si el inicio para dar un buen aspecto a tu blog.
Una vez dentro tienes dos opciones Personalizar o Editar HTML. En este caso y sobretodo al
principio que no lo dominas todo, entras en Personalizar. El otro botn te muestra el cdigo
entero en HTML de tu pgina y ser muy til ms adelante para aadir carcter al blog.

Dentro de Personalizar tienes una gran cantidad de opciones para hacer de tu blog, el blog que
tienes pensado en tu cabeza, con fotos, textos, colores que te gustan
Te invito a ver qu puedes hacer para crear el blog de tus sueos!

Plantillas
Para empezar tienes que escoger una plantilla para tu blog. Qu es una plantilla? Pues es
como quieres que sea el aspecto general de tu blog, es decir, si hay una foto en el fondo del blog que
es transparente por detrs de los posts, o si quieres un espacio central para el blog y un fondo en los
laterales, o si tu blog consiste en fotos que cuando se clican aparece el post...

Todo esto est distribuido en 7 temas de plantillas y cada tema tiene varios subtemas.

Te recomiendo que te los mires todos un poco y antes de empezar a hacer cualquier cosa pienses:
Qu quiero hacer con mi blog? Qu quiero transmitir y cmo quiero que sea? La barra lateral
tiene que estar integrada o muy claramente separada? Y ms cosas an!!!!
Ahora ya tienes tu tema escogido, contina adelante!

Fondo
En todas las plantillas de que dispone Blogger, se puede escoger un fondo. El fondo es lo que
vers detrs de tus posts y gadgets! Puedes escoger simplemente un color o una foto de las que te
ofrece Blogger o sino, tambin puedes subir una foto que tengas en tu ordenador que te guste
mucho o que hayas creado expresamente para tu fondo de blog.
Como puedes ver en la lista de la derecha, hay muchas fotos ordenadas por temticas: abstracto,
arte, negocios, celebraciones, entretenimineto, familia, comida y bebida, salud y belleza, aficiones y
artesana, casa y jardn, naturaleza, patrones, recreacin, ciencia, compras, tecnooga, texturas,
transparente y viajes. (Mira la imgen siguiente)

Si miras arriba del todo de la lista,

en Subir imagen, puede poner cualquier imagen de tu

ordenador. Ten en cuenta que no puedes robar una imagen cualquiera que te hayas encontrado por
Internet! Tienes que mirar que la foto pueda ser utilizada por terceras personas.
Ten en cuenta el tema de tu blog y los colores que quieres poner, a la hora de escoger el fondo.
Piensa que ser una gran parte de tu blog y que en ningn caso pasar desapercibido.
Hay algunas plantillas que dan la oportunidad de poner la foto escogida en forma de mosaico
(slo si tu quieres) y te deja escoger cmo quieres el mosaico y en qu posicin.

Tambin puedes escoger si quieres que la imagen de fondo se desplace a medida que vas
bajando o que por lo contrario est fija.
Y en la flecha de encima, puedes decidir dnde alineas la imagen, como ves aqu abajo.

Adems, en la gran mayora de las plantillas (en la primera de "Sencillo" no, por ejemplo) cuando
entras en fondo, te da la opcin de escoger una gama de colores, que sern los que se aplicarn
a los ttulos, los gadgets y otros elementos (el color para cuando pasas encima de un ttulo, el
color del post visitado) que estarn en concordancia los unos con los otros, que quedan bien entre
ellos, y que normalmente sern de la misma gama cromtica. En mi opinin es muy til si no tienes
ganas de romperte la cabeza buscando colores que queden bien juntos. Vamos, que es una opcin a
considerar.

A pesar de que escojas la gama de colores principales ahora, siempre puedes volver a cambiarla o
modificar manualmente algunos de los colores que aqu determinas, ms adelante en la pestaa
Avanzado.
9

Diseo
Ahora vas directamente a Diseo, para ver cmo quieres distribuir lo que pondrs en tu blog.
Podemos poner los gadgets a un lado, o en los dos, o simplemente no poner ninguno. Todo depende
del tipo de blog que tengas pensado crear. Los gadgets (que se crean con cdigo) te ayudarn a
mejorar el aspecto visual de tu blog, con herramientas tiles para tus visitas. Por ejemplo:
informacin acerca de ti, una lista de los blogs que visitas, el nmero de visitas que recibe tu blog,
el archivo de los posts publicados

Cmo puedes ver, los gadgets se pueden poner en muchos lugares del blog: a la derecha (una o dos
columnas), a la izquierda (una o dos columnas) o abajo del todo del blog.

Ajustar ancho
Ahora ests en condiciones de Ajustar ancho (el apartado que antes nos hemos saltado). Aqu
podrs ajustar el ancho total del blog (te recomiendo que te leas antes este post
http://www.thelittlecoccinelle.com/2014/07/ajustar-ancho-blog-Blogger.html, para decidir qu
ancho completo le quieres dar) y/o el ancho del lateral derecho y/o izquierdo, dependiendo del
diseo que hayas escogido (puede ser que tu diseo no tenga algun lateral o ninguno de ellos).

10

Avanzado
Ahora ya lo tienes todo un poco ms definido, per an no est todo listo. Entra en Avanzado.
Aqu los ttulos de las acciones que puedes hacer estn muy claros, per a pesar de esto los voy a
definir un poco, para que no te quede ninguna duda.

Texto de la pgina. Es el tipo de letra y tamao de los posts del texto dentro de los
gadgets y la descripcin del blog. Puedes escoger el tipo de texto, el color, el tamao y
aadir negrita y/o cursiva.

Fondos

Fondo exterior. Es el fondo detrs de tu blog, que se ve por los laterales, la


parte superior e inferior. En el caso de que tengas una foto cmo fondo del blog,
no te ser posible escoger un color, por lo tanto da igual el color que escojas.
Fondo de la cabecera. Es el fondo de la parte dnde hay el ttulo.
Fondo de la entrada. Es el fondo de la parte dnde escribes tu post.

Enlaces. Escoge el color de los enlaces (tanto en los gadgets, cmo en los links que pongas
dentro de los posts), el color del enlace que ya hayas visitado y el color que tendr un
enlace cuando le pases el cursor por encima.

Ttulo del Blog. Este es el tipo de letra, tamao y color del ttulo de tu blog. No tienes
que poner a la fuerza un ttulo. Tambin tienes la opcin de no poner ttulo, sino una imgen
en la cabecera del blog, dnde ya aparezca el ttulo, tu logotipo o la imagen que tu quieras.

Descripcin del blog. Slo puedes escoger el color de la descripcin del blog, que va justo
debajo del ttulo, en el caso de que la pongas, que no es obligatorio.

Texto de la pestaa. Puedes definir el tipo de letra, el tamao, cursiva y/o negrita, el
color del texto y el color del texto cuando la pestaa est seleccionada. Las pestaas las
creamos para poner las etiquetas de nuestro blog, por ejemplo en forma de men.

11

Fondo de las pestaas. Puedes escoger el color de fondo de la pestaa (de la que
acabamos de hablar) y el fondo en el caso de que la pestaa est seleccionada. Ten en cuenta
los colores que elijas en este apartado y en el anterior, que queden bien y que no sean los
mismos al estar o no seleccionados, porqu en este caso no se leer el texto que est escrito
encima de la pestaa.

Ttulo de entrada. Puedes escoger el tipo de letra, el tamao y si quieres cursiva y/o
negrita en el ttulo de tu entrada (o post).

Cabecera de fecha. Aqu se escoge el color del texto y el color del fondo de la fecha del
post (en el caso de que la pongas). El tipo de letra y el tamao lo definirs ms adelante en
Gadgets.

Pie de pgina de la entrada. Puedes definir el color del texto del pie de tu entrada (dnde
hay los comentarios y otra informacin), el color del fondo y de la sombra del recuadro del
texto.

Gadgets. Puedes escoger el tipo de fuente, el tamao, la negrita y/o cursiva, el color del
ttulo y otro color para alternar el color que antes has escogido. Es decir que unas veces
aparecer el primer color y otras el segundo. Los dos colores quedan bien repartidos, es
decir que se combinan bien y que no tienes un lado entero con ttulos de un color y el otro
lado con ttulos del otro. El seor Blogger lo hace muy bien!

12

Imgenes. Tienes la opcin de escoger el color de fondo de la imgen, el color del borde
y el color del texto de la imgen. Si no quieres que tus imgenes tengan color de fondo o
de borde, simplemente escoge el color transparente. Si clicas la flecha hacia abajo, en la
ventana desplegable que se abre, tienes la opcin de Transparente.

Acentos. Escoger si quieres una lnia que separe el espacio donde hay el post, de donde
se encuentran los gadgets laterales. Si no la quieres, simplemente hazla transparente.
Tambin puedes enmarcar las etiquetas en un recuadro bien marcado, dentro de una tabla o
no.

Mobile Button Color. Puedes definir el color de los botones que aparecen cuando se ve tu
blog desde un dispositivo mvil.

Aadir CSS. Cascade Style Sheets (CSS), u hojas de estilo sirven para personalizar el
aspecto de tu blog a travs de cdigo. Se pueden modificar la gran mayora de elementos
visuales del blog.

Si has llegado hasta aqu ya tienes casi todo el trabajo de diseo bsico hecho. Ahora vamos a ver
un par de detalles tcnicos ms.

13

2.2 Entradas
En la barra lateral accedemos a Entradas y se despliega un men, dnde encontramos
clasificadas las entradas

Las entradas marcadas cmo Borrador son aquellas que has escrito pero que an no has
publicado.
Si te fijas en la barra horizontal, puedes hacer varias acciones:

Entrada nueva Te permite empezar a escribir una entrada.

La etiqueta Sirve para etiquetar algunos de los posts que ya tengamos escritos.
Marcas la casilla de delante de la entrada (o entradas) a las que quieras aadir etiqueta y
luego buscas (le das a la flecha) y escoges la etiqueta que quieras, o creas una de nueva. Tn
en cuenta que ests son las etiquetas que aparecen (si tu quieres) al final de tu post,
etiquetando cada post en la categoria (etiqueta) correcta.

Publicar Si tienes una entrada escrita que la tienes como borrador, la puedes
seleccionar y publicar con este botn.

Cambiar a borrador Sirve para pasar a borrador una entrada que ya tienes publicada. La
seleccionas y le das al botn.

14

La papelera Te permite eliminar cualquier post (publicado o borrador), despus de


seleccionarlo.

Cuando ests escribiendo una entrada nueva, tambin dispones de varios botones muy interesantes a
la derecha de la entrada que ests escribiendo. La explicacin detallada de su utilizacin la
publicar en el blog.

2.3 Pginas
El men de las pginas y la creacin de nuevas, funciona exactamente igual que en el caso de
las entradas. Las pginas se crean exactamente en el mismo espacio dnde hay los posts.
Las pginas sirven para poner apartados en el blog con informacin permanente, que no vara.
Es aqu dnde las visitas pueden encontrar informacin, por ejemplo:

sobre ti: quien eres, a qu te dedicas, que aportas, qu te gusta

sobre tu blog: qu encontrarn en l, porqu tienen que leerlo, qu estilo tiene

lista de los posts ms destacados: das a conocer los posts ms ledos.

contacto: una direccin de contacto, o un formulario

cursos: en el caso de que los ofrezcas, los puedes clasificar aqu con imgenes de cada uno.

iniciativas que tengas en tu blog: puedes animar a la gente a participar, explicar en qu


consisten y mostrarles ejemplos de otros participantes.

15

2.4 Comentarios
Puedes marcar cada uno de ellos o los que quieras y realizar un par de acciones

Eliminar contenido Lo que haces es eliminar el texto del mensaje, pero sale el autor y
anuncia que el mensaje ha sido suprimido.

Eliminar Elimina de la faz de la tierra el mensaje!

Spam Puedes marcar un mensaje como correo basura (Spam), en caso de que los
comentarios no sean adecuados o sea publicidad.

2.5 Google+
Este apartado es muy til bsicamente porqu te permite hacer posts en Google+
automticamente cada vez que publicas una entrada en tu blog. Y esto es de lo ms til, ya que te
permite ahorrarte tiempo. Matas dos pjaros de un tiro! Escribes un post y directamente tienes
una publicacin en Google+!
Pero debemos tener en cuenta un par de cosas:
1. Tu perfil de Google+ sustituir al de Blogger! Ten cuidado con esto! Si en el perfil de
Blogger tienes informacin, la tienes que pasarla antes al perfil de Google+, sino la
perders! No tienes que panicar, slo se trata de tener claro qu informacin se queda y cul
se va! ;)
2. Tus entradas y comentarios se enlazarn a tu perfil de Google+.

16

2.6 Estadsticas
Aqu puedes ver las estadsticas de las visitas a tu blog. Te explico cmo funciona, pero tambin te
confieso que estas estadsticas no son de lo ms fiables, ya que tus visitas al blog tambin se
contabilizan, a pesar de seleccionar "No contabilizar mis visitas al blog"! Si quieres tener
estadsticas fiables de verdad, debes hacerte una cuenta de Google Analytics. Pero esto vendr ms
adelante, ahora cntrate en mejorar el aspecto de tu blog.
Dentro de este apartado disponemos de varias acciones

Visin general Te muestra una grfica con la evolucin de las visitas a tu blog, el
nmero de visitas de hoy, las de ayer, las de todo el mes y las de toda la vida de tu blog,
como tambin un resumen de los posts ms visitados, las fuentes de trfico (de qu pginas
web o blogs vienen tus visitas) y la procedencia geogrfica.

Entradas (o post) Te muestra detalladamente todas las entradas visitadas y el nmero de


visitas de cada post.

Fuentes de trfico Hay una lista de las pginas web o blogs de dnde vienen tus visitas.
Por ejemplo: Si hay alguien que habla de ti en su blog y luego sus visitan pinchan en el
enlace a tu blog, vers detallado que vienen de este blog en concreto! Es impresionante la
cantidad de informacin que dejamos en Internet sin saberlo!

Pblico Te ensea de qu paises del mundo vienen tus visitas, qu navegadores utilizan y
qu sistemas operativos.

Ten en cuenta que se puede escoger el perodo del cual quieres la informacin anterior: ahora, de
hoy, de esta semana, de este mes o en cualquier momento (la vida entera del blog).

17

2.7 Ingresos
Aqu tienes la oportunidad de crear una cuenta en AdSense e integrar los anuncios en tu blog.
Qu es AdSense? Pues son los, otramente conocidos, anuncios de Google en las webs que te
permiten ganar dinero. All te dan la oportunidad de escoger qu tipo de anuncios quieres que
aparezcan en tu blo y de qu temtica, de qu tamao y dnde, y por cada clic que alguien hace en
este anuncio que ellos ponen automticamente cada vez que se abre tu blog, pues tu recibes
dinero a cambio. As de fcil.
Si no te importa que en un espacio de tu blog aparezcan anuncios publicitarios (siempre de la
temtica que tu eliges, est claro) es una buena manera de ganar algn dinerito sin tener que
hacer nada. Todo depende, es claro, del nmero de gente que clique en estos anuncios y del tamao
del anuncio y de alguna caracterstica ms que decide Google.

2.8 Campaas
La otra cara de AdSense es AdWords. Es la manera que tu tienes de poner anuncios en Google,
acerca de tus productos, que aparecern en otros blogs, pginas web y principalmente al lado de
las bsquedas que haga la gente y que estn relacionadas con tu blog.
Tu puedes pagar dinero a Google para que tu anuncio aparezca en las bsquedas que hace la
gente, en la columna de la derecha. Te has fijado nunca que hay anuncios all? Pues si pagas (tu
decides cuanto dinero te gastas al da) tu tambin puedes hacer publicidad de tu blog y aumentar
as el nmero de visitas.

18

2.9 Diseo
Aqu puedes organizar los gadgets de tu blog y darle un aspecto ms personal. Los gadgets no sn
nada ms que pequeos objetos que ofrecen contenido fresco, visual y dinmico al blog.
Aqu puedes ver cmo tengo organizado mi blog

Arriba del todo a la derecha puedes cambiar el Favicon, te lo explico detalladamente en el siguiente
enlace http://www.thelittlecoccinelle.com/2014/04/tutorial-crear-tu-favicon.html y a la izquierda
puedes eliminar la barra de navegacin (mira -> http://www.thelittlecoccinelle.com/2014/06/quitarbarra-navegacion-blogger.html).

19

Cada vez que quieras aadir un gadget, slo tienes que clicar Aadir un gadget de la parte del
diseo de tu blog en la que quieras ponerlo, y escoger entre la lista de gadgets que te ofrece
Blogger (fjate que en la izquierda hay Lo bsico, Ms gadgets y Aade tu propio gadget,
pero esto ltimo lo dejaremos para los profesionales!)

o crear uno ms personal con cdigo HTML o JavaScript.

En mi blog puedes ver que a veces hay gadgets que no existen directamente y los puedes crear con
cdigo HTML, pero no hace falta saber programar, te explico detalladamente todos los pasos que
tienes que hacer en cada entrada del post.

20

3. Nota final
Espero que la "Gua completa para dominar Blogger" te haya gustado y sobretodo, sobretodo, te
haya servido de mucho. Ahora seguro que ya tienes tu blog montado y has aprendido un montn
acerca del funcionamiento de Blogger.

La verdad es que la gua no slo est pensada para la gente que empieza de cero su nuevo blog, sin
que pretende ser una ayuda para todos aquellos que tengan un blog con Blogger, para que
tengan un documento que puede ser consultado en todo momento, cuando necesiten saber cmo
funciona alguno de sus apartados o no recuerden cmo cambiar algunos de los parmetros y aspecto
de su blog.

La nica cosa que no he explicado es el ltimo apartado del men, la "Configuracin". En


algunos de mis posts ya cont alguna parte de este apartado

Idioma y formato
Modifica el aspecto de la fecha de tu blog
(http://www.thelittlecoccinelle.com/2014/08/modificar-aspecto-fecha-post.html)

L o b s ic o (u n a p ar te ) Configura tu propio dominio en Blogger


(http://www.thelittlecoccinelle.com/2014/07/configurar-tu-propio-dominio-en-blogger.html)

Las partes restantes de la Configuracin las podrs leer en las prximas semanas en el blog.

Slo recordarte que esta gua es completamente gratuita, que la he hecho para ser regalada
exclusivamente a mis suscriptores y que os podis imaginar las horas de trabajo que hay detrs de
ella! Por eso te pido una vez ms que no la compartas por tu cuenta. Que si crees que le puede
interesar a alguien, no dudes en darle mi correo thelittlecoccinelle@gmail.com o aconsejarle que se
pase por mi blog (www.thelittlecoccinelle.com) y se inscriba en la lista de correo (newsletter).

Por supuesto estar encanta de que hables de la gua en tu blog, Facebook, Twitter, Google+,
Pinterest, con tu vecina, con tu amiga por telfono o con tus colegas del trabajo. Comprte que has
ledo la gua, pero no compartas el contenido. Muchas y muchas gracias!!

Espero que te haya sido de mucha ayuda y nos vemos en la newsletter!


21