ndice1. 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

2

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 sencilloAunque 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.

4

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.

5

Cuando te pide que escojas la plantilla del blog, se refiere al aspecto general que vienedeterminado por Blogger. Hay unos cuantos modelos que puedes escoger. No te preocupes que noes 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 loque tengas ganas de hacer y de cmo debe ser su aspecto final.

2. Aspecto general del blogAhora lo que te toca hacer es dar un aspecto ms personal a tu blog, de acuerdo con los gustos y loscolores que te definen. Seguramente ahora, despus de crear el blog, has ido a parar a una pgina deeste estilo

2.1 PlantillaYa 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!

PlantillasPara 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...

6

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!

FondoEn 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)

7

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.

8

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

DiseoAhora 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 anchoAhora 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

AvanzadoAhora 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, laparte 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 EntradasEn la barra lateral accedemos a Entradas y se despliega un men, dnde encontramosclasificadas 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 PginasEl 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 ComentariosPuedes 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 EstadsticasAqu puedes ver las estadsticas de las visitas a tu blog. Te explico cmo funciona, pero tambin teconfieso que estas estadsticas no son de lo ms fiables, ya que tus visitas al blog tambin secontabilizan, a pesar de seleccionar "No contabilizar mis visitas al blog"! Si quieres tenerestadsticas fiables de verdad, debes hacerte una cuenta de Google Analytics. Pero esto vendr msadelante, 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, elnmero 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 pginasweb o blogs vienen tus visitas) y la procedencia geogrfica.

Entradas (o post) Te muestra detalladamente todas las entradas visitadas y el nmero devisitas 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 elenlace a tu blog, vers detallado que vienen de este blog en concreto! Es impresionante lacantidad de informacin que dejamos en Internet sin saberlo!

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

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

17

2.7 IngresosAqu 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 tepermiten ganar dinero. All te dan la oportunidad de escoger qu tipo de anuncios quieres queaparezcan en tu blo y de qu temtica, de qu tamao y dnde, y por cada clic que alguien hace eneste anuncio que ellos ponen automticamente cada vez que se abre tu blog, pues tu recibesdinero a cambio. As de fcil.

Si no te importa que en un espacio de tu blog aparezcan anuncios publicitarios (siempre de latemtica que tu eliges, est claro) es una buena manera de ganar algn dinerito sin tener quehacer nada. Todo depende, es claro, del nmero de gente que clique en estos anuncios y del tamaodel anuncio y de alguna caracterstica ms que decide Google.

2.8 CampaasLa 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 delas 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 lagente, en la columna de la derecha. Te has fijado nunca que hay anuncios all? Pues si pagas (tudecides cuanto dinero te gastas al da) tu tambin puedes hacer publicidad de tu blog y aumentaras el nmero de visitas.

18

2.9 DiseoAqu puedes organizar los gadgets de tu blog y darle un aspecto ms personal. Los gadgets no snnada 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/quitar-

barra-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 finalEspero que la "Gua completa para dominar Blogger" te haya gustado y sobretodo, sobretodo, tehaya servido de mucho. Ahora seguro que ya tienes tu blog montado y has aprendido un montnacerca del funcionamiento de Blogger.

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

La nica cosa que no he explicado es el ltimo apartado del men, la "Configuracin". Enalgunos 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)

Lo bs ico (una parte) 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 regaladaexclusivamente a mis suscriptores y que os podis imaginar las horas de trabajo que hay detrs deella! Por eso te pido una vez ms que no la compartas por tu cuenta. Que si crees que le puedeinteresar a alguien, no dudes en darle mi correo thelittlecoccinelle@gmail.com o aconsejarle que sepase 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 hasledo 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

2. Aspecto general del blog1. Crear un blog es muy sencillo2.1 PlantillaPlantillasFondoDiseoAjustar anchoAvanzado

2.2 Entradas2.3 Pginas2.4 Comentarios2.5 Google+2.6 Estadsticas2.7 Ingresos2.8 Campaas2.9 Diseo

3. Nota final