30
30 de Enero de 2015 José Manuel Pamos Vargas Una alternativa a la web de pago. APOYANDO AL COMERCIO DE ALMERIA

Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

30 de Enero de 2015

José Manuel Pamos Vargas

Una alternativa a la web de pago.

APOYANDO AL

COMERCIO DE

ALMERIA

Page 2: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

1

30

d

e

En

er

o

de

2

01

5

Contenido

Introducción. ..................................................................................... 2

¿Qué es un blog? ................................................................................. 4

¿Por qué Blogger? ............................................................................... 5

Creación de vuestra página web con Blogger. .............................................. 6

Primeros pasos: una cuenta en Google. ................................................... 7

La creación del blog. ......................................................................... 9

Cómo publicar en Blogger. ............................................................... 10

Las Etiquetas o Tags para agrupar las publicaciones. .................................. 11

Cambiar el diseño del blog ................................................................ 16

Introducir un título y centrarlo ........................................................ 17

Cambiar el fondo de tu página web ................................................... 20

Gadgets (o complementos) recomendados para tu web ............................... 21

Propuesta de distribución de la página web ............................................ 25

Añadir Gadget de Redes Sociales ........................................................ 26

Comentario y reflexión final ................................................................ 27

ANEXO ........................................................................................... 28

REFERENCIAS ................................................................................... 29

Page 3: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

2

30

d

e

En

er

o

de

2

01

5

Introducción.

En el año 2014, el Observatorio Nacional de las Telecomunicaciones (ONTSI) ha publicado un

estudio basado en las estadísticas del INE1 donde se muestran, de manera detallada, todas las

características sociodemográficas de los usuarios de Internet en España. Dicho estudio está

disponible a través de la página del Ministerio de Industria, Energía y Turismo; véase aquí. Es más

que obvio esperar la crecida y los hábitos que se han ido formando a lo largo de los últimos años.

Más de 18,6 millones de personas de 16 a 74 años

se conectan a Internet todos los días.

Universo: 34.484.188 personas de 16 a 74 años

Es cierto que Internet va ganando terreno continuamente, aunque también es cierto que crece a

un ritmo más lento en los sectores de población con un rango de edad más elevado. En un

porcentaje muy alto del uso de Internet encontramos a los jóvenes menores de 30 años, mientras

que el uso de Internet dentro del rango de edad entre los 30 y los 60 años es significativamente

inferior, aunque, como hemos comentado anteriormente, está aumentando lentamente año tras

año.

1 Instituto Nacional de Estadística

Page 4: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

3

30

d

e

En

er

o

de

2

01

5

Dentro del amplio abanico de posibilidades que nos ofrece Internet, se encuentran los Comercios

Electrónicos, o más conocidos como e-commerce, y los Escaparates Virtuales, ambos cada vez más

frecuentes en Internet debido al alto número de personas a las que les puede llegar la información.

El primero de ellos, los e-commerce, se caracteriza por permitir la compra y venta de los productos

o servicios que poseen, mientras que los Escaparates Virtuales permiten dar información de tu

empresa, mostrando los productos y servicios que ofreces, tus datos de contacto, localización,

promociones, etc, pero no la compra-venta. A continuación mostraremos las ventajas y

desventajas de uno y otro.

Comercio Electrónico Escaparate Virtual

Puedo vender online Sólo puedo mostrar mis productos y

servicios

Tiene un coste muy elevado Puedes tener un coste muy bajo o nulo

Productos disponibles para su compra en cualquier momento y en cualquier

lugar

Los clientes deben ir a la tienda si están interesados en algún producto

Necesita de una gran inversión y tiempo para mantenerlo actualizado

Necesita menos mantenimiento y esfuerzo

El enfoque que se le quiere dar a este taller es la creación y el mantenimiento de un Escaparate

Virtual para los comerciantes, de manera totalmente gratuita, a través de la herramienta web

Blogger, en la que sean ellos mismos los encargados de llevar el mantenimiento y la actualización

de su página web. ¿Por qué hemos elegido hacer un Escaparate Virtual y no un e-commerce?

Principalmente porque es gratis, no es muy complicado de usar (como veréis en breve) y debido a

que no es necesario ser un experto en programación informática. No obstante, sí me gustaría

expresar mi opinión con respecto a uno y otro: aconsejo contratar el servicio de empresas

especializadas en la creación de páginas web y del mantenimiento de las mismas, siendo los e-

commerce los más recomendados, en lugar de los Escaparates Virtuales, ya que dan más

profesionalidad y seriedad a vuestro comercio, así como aumenta las ventas más fácilmente, que al

fin y al cabo es el objetivo principal de cualquier empresario.

Se pretende que este taller de creación de un blog con Blogger sea para usarlo como página web

de un comercio cualquiera donde se puedan mostrar los artículos que se venden, las promociones

y ofertas con sus precios, entre otras secciones interesantes para los visitantes de su web.

Page 5: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

4

30

d

e

En

er

o

de

2

01

5

¿Qué es un blog?

Se trata de un sitio web donde se publican

cronológicamente artículos donde el más

reciente aparece primero, con temáticas de

todo tipo: cocina, educativos, literarios, de

tecnología, comerciales… Además, el autor

del blog tiene la libertad de dejar publicado

lo que crea pertinente y, referente a los

lectores, podrán participar de manera activa

en el mismo, a través de comentarios en las

publicaciones, compartiéndolas en las redes

sociales (como Facebook, Twitter o

Google+) o siguiendo el blog por correo

electrónico, enviando notificaciones a los

correos de los lectores cuando se crea nuevo

contenido en la página web. Ya verán que

crear contenido para vuestra página web es muy sencillo. ¡No es necesario ser un programador

informático experto!

Tenemos que aprovechar esa facilidad y viabilidad que nos ofrece Internet a la hora de crear

contenido y mantenerlo en el tiempo. Podemos tener un sitio web donde escribir, subir

fotografías o cualquier contenido y que le llegue a un gran número de

personas, no sólo permanezca en el tiempo; y lo mejor de todo, que

nos puede salir totalmente gratis. Bien es cierto que al ser gratuitos,

están muy limitados con respecto a estilos, plantillas y diseños. De

entre los muchos que podemos encontrar por la red, vamos a destacar algunas plataformas online

con las que se puede crear un blog:

WordPress Blogger Tumblr GoogleSite

Page 6: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

5

30

d

e

En

er

o

de

2

01

5

¿Por qué Blogger?

De todas las posibles formas de hacer un blog, he elegido desarrollar el taller con Blogger por

varios motivos que os comento a continuación.

Blogger es una plataforma que compró Google en 2003, lo que nos da confianza para creer en su

servicio. Por ejemplo, no vamos a tener que preocuparnos si la información se va a perder cuando

pase el tiempo. Además, es muy fácil darse de alta y crear el blog. Administrarlo es, de la misma

manera, fácil e intuitivo en muchos casos, aunque habría que practicar y ver dónde están cada una

de las funciones, apartados y complementos para utilizarlos correctamente. En los siguientes

apartados explicaré qué significan y cómo funcionan muchos de ellos. También, la plataforma

Blogger dispone de alojamiento gratuito para tu blog, sin publicidad, está traducido al español

(además de a múltiples idiomas) y posee gran variedad de plantillas que se pueden amoldar a los

distintos tipos de comercios que pueden hacerse un blog como alternativa a la web de pago.

Algunos ejemplos de comercios que usan Blogger como Escaparate Virtual son:

http://depeapaboutique.blogspot.com.es/

http://marronchocolatecastro.blogspot.com.es/

http://farmaciaamontesinos.blogspot.com.es/

Page 7: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

6

30

d

e

En

er

o

de

2

01

5

http://nimoc.blogspot.com.es/

Si hacen una visita a cada uno de ellos verán que tienen pestañas en la parte superior con distintas

secciones de la web o, por ejemplo, en los márgenes aparecen fotografías, información, iconos de

redes sociales…, o, algo más significativo, que cada uno tiene un fondo de web, y un diseño en

general, diferente a los demás. Con esto quiero que aprecien que hay una gran variedad de

posibilidades de estructurar nuestra web, y lo que es más importante: darle el toque personal que

cada comercio necesite.

Creación de vuestra página web con Blogger.

Se van a ir describiendo, lo más detalladamente posible, los pasos que se deben seguir para crear

un blog y poder usarlo posteriormente como una web donde se pueda dar a conocer su comercio

y los productos que en él se vende.

Donde hay una empresa de éxito,

alguien tomó alguna vez una decisión valiente.

Peter Drucker

Yo les digo: Tomen aire y no se asusten. Hacer un sitio web es algo más para poder hacer que sus

ventas aumenten. El simple hecho de empezar por algo como puede ser un blog, ya es un paso

importante, una decisión valiente. Espero que este taller les anime a continuar en el mundo

online y que, poco a poco, consideren Internet como una de las mejores opciones hoy en día para

ayudar a su comercio a crecer.

Si han echado un vistazo a las páginas posteriores, se habrán percatado que están llenas de

impresiones de pantalla, y espero que no hayan sentido el placer de abandonar antes de empezar.

Puede parecer muy complicado a simple vista, pero siguiendo paso a paso, despacio y con ilusión,

terminarán con un blog listo para funcionar como Escaparate Virtual de su comercio.

Ser valiente no es sólo cuestión de suerte.

Vetusta Morla

Page 8: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

7

30

d

e

En

er

o

de

2

01

5

Primeros pasos: una cuenta en Google.

Si entramos en http://www.blogger.com, observamos que lo primero

que nos piden es tener una cuenta de Google. Hoy en día, resulta extraño

que alguien no tenga una cuenta de Google. Los primeros pasos en muchos

móviles o tablets piden tener una cuenta de Google para poder bajar

aplicaciones o usar muchas de las que ya trae instaladas. No obstante,

aconsejo tener una cuenta de correo para su comercio que sea

independiente de la personal, ya que le dará más profesionalidad a su

imagen empresarial y será más fácil de recordar para sus clientes.

Hacemos click en Crear una cuenta

1

2 Rellenamos todos los

datos necesarios para el

registro.

3

Leer las

condiciones del

servicio y

aceptarlas si

estás de acuerdo.

Click en siguiente

paso.

Es muy importante leerse las condiciones. Cuando firmamos

cualquier contrato, se supone que lo hemos leído y que estamos de acuerdo. Por Internet, es igual.

Seleccionar acepto las condiciones y pasar al siguiente paso es como

firmar un contrato online.

NOMBRE DEL COMERCIO

nombredelcomercio

Page 9: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

8

30

d

e

En

er

o

de

2

01

5

Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis acceder a Gmail, Google

Drive o Blogger. Para acceder a Blogger y empezar a crear vuestro blog, podéis pinchar en el

icono azul “Volver a Blogger”, o a través del menú de Google.

A continuación, Google os informa de que los lectores de vuestra web podrán conectar con

vuestra web, permitiéndoles compartir y recomendar vuestro contenido en la Web, con lo que

tendréis que “Crear un perfil de Google+”, algo que vamos a hacer muy rápido.

1

Hacemos click en Crear un perfil de Google+

2

Rellenar los

datos, añadir

foto (puede ser

vuestro logo o

algo que os pueda

identificar como

tienda) y

pulsamos en

crear.

Click en Continuar

en Blogger

3

Page 10: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

9

30

d

e

En

er

o

de

2

01

5

¡Por fin podemos empezar a crear la página web!

La creación del blog.

Para crear vuestro blog, hay que pulsar el botón de “Nuevo Blog” que está en el margen izquierdo,

y aparecerá una nueva ventana donde tendrán que escribir el título de la web, con el nombre de

vuestro comercio, una dirección para tu web y escoger una plantilla que mejor se adapte a

vuestros gustos o vuestro negocio. Terminamos pulsando “crear blog”.

Por ejemplo: imaginen que tengo una librería que se llama: Librería 123.

Título: Librería 123 Dirección2: libreria123almeria.blogspot.com Plantilla: Picture Window.

2 Vuestra web acabará siempre como: .blogspot.com.

1

2

3

NOMBRE DEL COMERCIO

nombredelcomercio.blogspot.com

Page 11: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

10

30

d

e

En

er

o

de

2

01

5

Cómo publicar en Blogger.

Escribir publicaciones en vuestro blog es sencillo. Hay que hacer click en el icono del lápiz. Para empezar, os propongo crear una publicación donde den la bienvenida a las personas que visitan vuestro blog. Explícales qué servicio ofreces y dónde te pueden encontrar (datos de contacto), por ejemplo. Llama la atención de alguna manera al visitante para que siga en tu Web. Puedes, por ejemplo, contarle que hay una sección de ofertas semanales/mensuales en tu página. Y recuerda, las publicaciones con imágenes llaman más la atención: pon una foto de tu comercio y/o de tu logo. La siguiente diapositiva muestra una plantilla de ayuda.

ESCRIBE UN TÍTULO

AQUÍ VA EL TEXTO DE LA ENTRADA SE PUEDEN AÑADIR:

- FOTOGRAFÍAS - VIDEOS

PROGRAMA TUS PUBLICACIONES

PARA QUE APAREZCAN DE MANERA AUTOMÁTICA EN LA FECHA QUE QUIERAS

Page 12: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

11

30

d

e

En

er

o

de

2

01

5

Por ejemplo:

Para publicarlo, habría que pulsar Publicar y ya aparecería en nuestra web. Además, podrían

crearse publicaciones y no dejarlas publicadas, por ejemplo porque se hayan quedado incompletas

o porque quieras publicarlas más adelante. Entonces habría que pulsar en Guardar.

Para practicar más con las publicaciones, te propongo que escribas una noticia reciente de Almería

o algún tema que esté relacionado con el sector al que pertenece tu comercio. En el ejemplo de

mi Librería 1 2 3, podría escribir una publicación hablando sobre un nuevo libro que haya salido al

mercado, o sobre algún evento que esté relacionado con la lectura que se haga en Almería. Esto da

imagen de que os preocupáis por vuestros visitantes y que la página está actualizada.

En el siguiente apartado vamos a explicar cómo crear las diferentes secciones de vuestro blog. Una

de ellas será la sección de noticias y/o consejos donde irá metida la publicación anterior. Este

apartado, en realidad, es un arma de doble filo ya que si tenéis un visitante y ve que la última

noticia es de hace meses, puede hacer que no vuelva a entrar. Por eso, os aconsejo que mantengáis

ese apartado, y todos los demás, actualizados lo máximo posible.

Las Etiquetas o Tags para agrupar las publicaciones.

Uno de los “defectos” de Blogger, por llamarlo de alguna manera, son que las

publicaciones que hagas en la página aparecen en orden cronológico, según las vas

añadiendo. Imaginad que entráis a una web con una lista de publicaciones

independientes unas de otras, que no tienen nada que ver. Esto se hace muy pesado

BIENVENIDO A NUESTRA LIBRERIA

“La lectura es a la mente lo que el ejercicio al cuerpo”. Joseph Addison

Os queremos contar que nuestra Librería 1 2 3 podéis encontrarla en

C/ Altamira, 123, en Almería.

Disponemos de gran variedad de libros y cómics, y si estás interesado

en alguno en especial, lo tendrás en menos de 3 días. Ponte en

contacto con nosotros por teléfono, 6123123123, de nuestro correo

[email protected], o visítanos.

Page 13: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

12

30

d

e

En

er

o

de

2

01

5

para el lector. Si yo fuera un visitante de vuestra web al que le gustaría saber qué artículos nuevos

habéis añadido a vuestra tienda este mes, me gustaría encontrarlos fácilmente. Pues esto se puede

hacer gracias a las Etiquetas3 (en inglés Tags).

Vamos a aprender a crear Etiquetas, y de esta manera ordenarlas gracias a una lista con las

secciones que hay en vuestro blog.

¡Veréis qué bien queda!

Para añadir una etiqueta a una publicación, sólo tienes que pulsar Etiquetas en el margen de la hoja

del texto de tu publicación, y escribir a la sección a la que pertenezca tu publicación.

Una idea de las secciones que puede tener vuestra página web pueden ser:

Bienvenida – ¿Quiénes somos?

Noticias – Consejos

Nuevos productos

Oferta – Promociones

Ahora el reto es, abrir las publicaciones que has hecho anteriormente (la de bienvenida y la noticia

o consejo) y añadirle a cada una de ellas la etiqueta que le corresponda. Deberás escribir SIEMPRE

una etiqueta a las publicaciones que vayas realizando, pero no olvides que la etiqueta debe estar 3 Son palabras clave que añades a una publicación para clasificarla. Poner etiquetas en tu blog es importante porque tus publicaciones quedan mejor organizadas y la gente que te lee puede encontrar la información más fácilmente.

Page 14: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

13

30

d

e

En

er

o

de

2

01

5

escrita de la misma manera. Volviendo a nuestro ejemplo anterior, a la publicación de bienvenida

que hicimos, habría que escribir Bienvenida – ¿Quiénes somos? Y para la otra publicación, escribir en

Etiquetas: Noticias – Consejos. ¡No olvidéis pulsar Publicar o Guardar!, sino no se os guardará.

Entonces, cada vez que escribáis una publicación nueva que sea una noticia o un consejo, deberéis

ponerle la Etiqueta Noticias – Consejos, escrita de la misma manera. Y así con las demás secciones

de vuestro blog.

Ahora tenemos que añadir el “Gadget4 de Etiquetas” al blog (más adelante explicaremos qué es eso

del Gadget). Con esto vamos a conseguir que aparezca en nuestro blog las distintas secciones de

nuestra web. Se vería algo así:

4 El término Gadget podría ser traducido como complemento.

BIENVENIDO A NUESTRA LIBRERIA

“La lectura es a la mente lo que el ejercicio al cuerpo”. Joseph Addison

Os queremos contar que nuestra Librería 1 2 3 podéis encontrarla en

C/ Altamira, 123, en Almería.

Disponemos de gran variedad de libros y cómics, y si estás interesado

en alguno en especial, lo tendrás en menos de 3 días. Ponte en

contacto con nosotros por teléfono, 6123123123, de nuestro correo

[email protected], o visítanos.

Bienvenida - ¿Quiénes somos?

Page 15: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

14

30

d

e

En

er

o

de

2

01

5

Para ello, lo primero que vamos a hacer es pulsar en “Diseño” y después en “Añadir un gadget”. Si

observáis, aparecen varios lugares donde se pueden añadir Gadgets. Esa distribución es la que

llevará vuestro blog. Cabecera es el título de vuestro Blog o Entradas del blog es el lugar donde irían

las publicaciones. Para el menú de apartados que queremos colocar en el blog, pulsaremos en el

lugar que hay debajo de la Cabecera.

A continuación…

Buscar el apartado de Etiquetas

Pulsar el símbolo + para añadir

1

2

Page 16: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

15

30

d

e

En

er

o

de

2

01

5

Se abrirá una ventana como la que aquí

se muestra en la imagen. Comprueba

que tiene seleccionadas las mismas

opciones y pulsa en “Guardar”.

Si observamos, ya no aparece Añadir

Gadget. En su lugar está el

complemento Etiquetas que acabamos

de incluir.

Para finalizar, habría que pulsar en

“Guardar disposición”.

Echa un ojo a tu blog para ver cómo

van los progresos. Puedes hacerlo

pulsando “ver blog” en el margen

superior de la pantalla.

En dicho menú deberían aparecer sólo dos apartados: Bienvenida y Noticias o Consejos, porque

sólo hemos añadido a nuestro blog dos publicaciones con esa etiquetas. ¿Qué tal si creas dos

publicaciones más una con algunas ofertas que tengas en tienda ahora, y otra con algunos

productos que vendas? Recuerda poner muchas fotografías y, por qué no, sus precios. ¡Y que no

se te olvide poner las Etiquetas a las publicaciones!

Recordatorio: Pulsa en el lápiz para escribir nuevas publicaciones.

Etiquetas

Page 17: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

16

30

d

e

En

er

o

de

2

01

5

Cambiar el diseño del blog

Os voy a poner un ejemplo muy claro:

Un buen fondo, un característico tipo de letra o la distribución

de vuestros apartados en la Web puede hacerla muy vistosa y

llamativa, haciendo que los visitantes no la olviden y se sientan

motivados y atraídos a volver a entrar.

Page 18: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

17

30

d

e

En

er

o

de

2

01

5

Algunos ejemplos de blogs sin títulos son:

http://capripeluqueros.blogspot.com.es/

http://macreparar.blogspot.com.es/

Esta es la primera de las posibilidades. El

título es un texto simple que más

adelante podrás cambiar de estilo y de

color.

Si se fijan, el texto se queda en el margen

izquierdo, pero también podríamos centrar-

lo, como te explico en breve.

Introducir un título y centrarlo

Empezaremos cambiando el título de vuestro blog. Un buen título podría ser el nombre de

vuestro comercio. Para ello, nos dirigimos a “Diseño” y, seguidamente, a editar la “Cabecera”.

2

Seleccionamos

Diseño en el

menú de Blogger

Pulsamos

Editar en la

cabecera

1

3 Escribe el Nombre de

tu comercio en Título

Podrías escribir

una descripción,

pero ya la

pusimos en una

publicación.

Hacemos click

en Guardar

4

Page 19: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

18

30

d

e

En

er

o

de

2

01

5

.header .widget {

text-align:center;} .header img {margin:0 auto;}

CENTRAR EL TÍTULO

Uno de los pasos más difíciles viene a la hora de centrar el título, pero sólo tenéis que seguir los

pasos y copiar el código que os indicaré.

Curiosidad:

Así es como se

vería tu página

web en un móvil

1 2

3

4

COPIA EL TEXTO EN

AZUL Y PULSA

APLICAR AL BLOG

5

Page 20: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

19

30

d

e

En

er

o

de

2

01

5

Ahora vamos a ver la segunda de las

posibilidades con el título: introducir

una imagen en el lugar del título.

Dicha imagen puede ser un texto con

el nombre de vuestro comercio y

algún diseño de fondo.

Ejemplo de imagen con imagen de título

Algunos ejemplos de blogs con títulos son:

http://latiendaalavueltadelaesquina.blogspot.com.es/

http://milleniumcomics.blogspot.com.es/

2

Seleccionamos

Diseño en el

menú de Blogger

Pulsamos

Editar en la

cabecera

Hacemos click

en Guardar

4

Pulsa Examinar e

introduce una

imagen (fondo con

logo de tu empresa

y/o nombre del

comercio).

1

3

5

Ubicación

pulsa la 2ª

opción

Page 21: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

20

30

d

e

En

er

o

de

2

01

5

Cambiar el fondo de tu página web

En el siguiente apartado verán cómo cambiar el fondo de vuestro blog. Blogger te permite

cambiarlo entre una gran variedad de diseños. Escoge el que más se adapte a tu comercio. El

fondo de una página web, como hemos visto al comienzo de este apartado, es tan importante

como la propia página ya que hace que sea llamativa para el visitante.

Te propongo que investigues sobre el “Diseñador de plantillas de Blogger” y que modifiques el

blog a tu gusto o propósito. Utiliza las siguientes imágenes como guía para hacer los cambios.

1 2

3

- Hay gran variedad de Plantillas donde elegir.

- Puedo poner el Fondo que quiera o escoger entre

muchos diseños.

- Una buena medida de Ancho podría ser 1000x250.

- ¡El 2º Diseño podría quedar genial!

- Dentro de Avanzado, podré modificar colores, tipos de

letra y tamaño de las diferentes partes del blog.

Page 22: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

21

30

d

e

En

er

o

de

2

01

5

Gadgets (o complementos) recomendados para tu web

El término Gadget tiene muchos significados en el mundo de las nuevas tecnologías, aunque al que

nos referimos a continuación es al de un complemento o módulo que será agregado a una

plataforma mayor, en nuestro caso el blog, y con el que podremos realizar algunas funciones

determinadas como veréis a continuación.

Blogger nos ofrece una gran variedad de Gadgets con los que poder completar nuestra página

web, sobre todo para nuestro propósito que es realizar una página web para un comercio.

También podréis añadir otros muchos buscándolos por Internet, aunque con los que tenemos son

suficientes.

Puedo aceptar el fracaso, todos fracasan en algo.

Pero no puedo aceptar no intentarlo.

Michael Jordan

¡Ánimo, queda poco!

¿Recuerdan la serie de televisión de dibujos

animados del Inspector Gadget? Era un hombre

equipado con varios gadgets colocados por todo

su cuerpo, dispositivos o complementos con fines

diferentes.

De los muchos complementos disponibles que

tiene Blogger, voy a enumeraros los que, a mi

parecer, son indispensables en un blog de

comercio aunque, como siempre, sois vosotros

los que tenéis que decidir qué os gusta más.

Después también explicaré cómo funcionan.

Ejemplos: Seguir por correo electrónico, páginas

de artículos destacados, formulario de contacto,

encuestas, imágenes, videos o texto son muchos

ejemplos de gadgets que podemos agregar.

Para incluir gadgets en la página tenéis que entrar, dentro del menú de Blogger, en “Diseño”. Una

vez ahí, veréis varios lugares donde poner los Gadgets. Para incluirlos, tendréis que hacer click en

Añadir un gadget y escoger el que os interese.

Page 23: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

22

30

d

e

En

er

o

de

2

01

5

En la ventana de “Añadir un gadget” que se

abre podréis seleccionar el que queráis

colocar.

Es aconsejable poner los Gadgets en los

márgenes de vuestra web. Si los colocáis

debajo de las entradas no se verán tan

fácilmente.

Cuando tengáis varios gadgets, podréis re-

colocarlos haciendo click (y manteniendo

pulsado) en el margen gris de puntos

blancos que aparecen al lado del gadget, a la

vez que lo mueven de lugar.

Dentro de la pestaña de “Más gadgets”

encontraréis algunos más que os pueden

interesar.

Si pulsáis en Editar en cada uno de los

gadgets, accederéis al menú de cada uno de ellos y podréis editarlos. Además, desde ahí, podréis

borrarlos si queréis pulsando en el botón de “Eliminar”.

Page 24: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

23

30

d

e

En

er

o

de

2

01

5

A continuación vamos a ver cómo funciona cada uno de los gadgets que os recomiendo que

integréis en vuestra web, y qué posibles posiciones podrían ocupar en el diseño:

Seguir por correo electrónico: permite a las personas que visitan vuestro blog

suscribirse fácilmente a la entrega de correo electrónico cuando publicas una entrada.

Es decir, cada vez que hagáis una publicación, recibirán un e-mail vuestros seguidores.

Muestra una lista de las entradas más populares de tu blog. Si deciden poner este

Gadget, recomiendo no poner más de 3 entradas populares y que aparezcan las

publicaciones de los últimos 30 días.

Las Estadísticas muestra el número de visitas a la página de tu blog a través de un

contador. Te permiten escoger entre varios diseños. El primero podría ser una buena

opción, que sólo son números.

Cuadro de búsqueda: permite a las personas que te visitan buscar en tu blog, en tu

lista de enlaces de blogs y en todo a lo que hayas enlazado. Si están buscando un

artículo en concreto, podrían usar este buscador para encontrarlo, sin tener que ir

mirando publicación por publicación.

Añade un mensaje de texto a tu blog, podría ser información básica, para que sea

fácil de encontrar vuestro comercio. Por ejemplo: Librería 123 - C/ Tal, nº 1, Almería.

Horario: de 10.00 a 22.00. Teléfono e e-mail.

Formulario de contacto, permite a los visitantes ponerse en contacto contigo mayor

facilidad. Podrán escribirte un correo de manera inmediata, sin tener que entrar en su

correo electrónico para hacerlo.

Añade una encuesta a tu blog para conocer la opinión de los usuarios. Podrás realizar

una pregunta y escribir varias respuestas que podrán elegir los encuestados. Poned un

límite de fechas para realizar las encuestas y sacad conclusiones que puedan beneficiar a

vuestro comercio.

El gadget Actualidad muestra titulares actuales de noticias en tu blog. Si accedes a su

menú y escribes en “Buscar expresiones”, por ejemplo, La Voz de Almería, te aparecerán

noticias de ese periódico. Escribe cualquier otra palabra que también funciona.

Perfil y archivo del blog vienen por defecto integrados al hacerse el

blog. El primero muestra información sobre ti, y el segundo permite a las

personas que te visitan navegar fácilmente por tu blog con enlaces a

entradas anteriores. Estos dos, en mi opinión, son innecesarios ya que hemos organizado nuestras

publicaciones con las Etiquetas, y nuestra información ya la hemos escrito anteriormente también

en la publicación de Bienvenida – ¿Quiénes somos?

Page 25: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

24

30

d

e

En

er

o

de

2

01

5

Añade una imagen desde tu ordenador o desde otro lugar de la Web. Estas imágenes

pueden llevar enlaces o hipervínculos5 a otras páginas web o al propio blog. Basta con

escribir la dirección web en “Enlace”. Por ejemplo, si su comercio se dedica a la venta

de productos ecológicos y has encontrado una web que explica los beneficios de consumir dichos

productos, podría insertar una imagen con un enlace a esa web. Mira el ejemplo:

Para introducir las imágenes sin enlaces, la diferencia sería no poner dirección de enlace,

obviamente.

Ya sabéis cómo se introducen los gadgets en vuestra página web, cómo modificarlos y cómo

funcionan. Practica añadiendo algunos de ellos, cambiándolos de sitio, hasta que tengas un diseño

que te guste.

Te propongo una distribución para el blog, dentro de las múltiples posibilidades que hay, para que

te sirva como guía:

5 Enlaces o Hipervínculos son elementos de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento, una página web externa…

Beneficios de consumir Productos Ecológicos

https://www.natursoy.com/mundo-ecologico/10-buenas-razones-para-consumir-productos-ecologicos

Page 26: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

25

30

d

e

En

er

o

de

2

01

5

Propuesta de distribución de la página web

Al final de este documento os facilitaré algunas webs y videos que explican Blogger, y muchas

características más a fondo, para que vayáis mejorando vuestra página web poco a poco.

Aquí va el título

Aquí va tu publicación

¿Tienes redes sociales? Si es así, te interesa el siguiente apartado.

Page 27: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

26

30

d

e

En

er

o

de

2

01

5

<a href='URL facebook' target='_blank'><img

alt='facebook' src="http://4.bp.blogspot.com/-

KGUfFpIGxDo/T-

WiF2abbMI/AAAAAAAAAuU/YUHVZnWeTAQ/s000/facebook.png"

title='facebook'/></a>

<a href='URL twitter' target='_blank'><img alt='twitter'

src="http://2.bp.blogspot.com/-HoByHzmab00/T-

WiFnncFXI/AAAAAAAAAuM/eIStHRliy7Y/s000/twitter.png"

title='twitter'/></a>

Añadir Gadget de Redes Sociales

En esta última sección aprenderemos cómo añadir Enlaces a vuestras redes sociales. Muchos ya

podríais pensar cómo hacerlo con lo que hemos visto en el apartado anterior. Bastaría tomar una

imagen (por ejemplo el icono de Facebook) y ponerle un Enlace a vuestra página de Facebook.

¿Verdad que sabrían hacerlo?

Yo voy a proponer otra forma, en la que se pueden agrupar todas vuestras redes sociales en un

mismo gadget.

Lo primero que tenemos que hacer es introducir el gadget de HTML/Javascript, que

permite añadir una característica de un tercero u otro código a tu blog. En él,

podríamos poner de título redes Sociales, y dentro de “Contenido” habrá que introducir

el siguiente texto:

Una vez hecho, habrá que introducir lo que está remarcado en amarillo por vuestras páginas

correspondientes. Por ejemplo: http://www.facebook.com/comercios.almeria (para Facebook)

y http://www.twitter.com/comercioalmeria (para la dirección de Twitter).

MUY IMPORTANTE: No olvidéis poner http:// delante de la dirección.

Guardaríamos y ya tendríamos el gadget con nuestros botones de redes sociales.

Si quieres añadir otras redes sociales, puedes visitar aquí el blog donde se explica cómo hacerlo.

Page 28: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

27

30

d

e

En

er

o

de

2

01

5

Comentario y reflexión final

Parecía todo un reto, al principio de este taller, poder llegar a este punto, al punto final. Si han

seguido los pasos arriba indicados, deberían tener un blog casi listo para funcionar como página

web. Ahora tienes que darle publicidad a través de tus redes sociales o de tus tarjetas de visita. O

incluso, anunciarlo en tu tienda sería una buena idea. Si tus clientes no saben que tienes una web

donde expones las novedades de la tienda, ofertas, etc, no tendrás muchas visitas.

Es posible que encontréis detractores del uso de blogs como páginas webs o de que hay otros

mejor que Blogger (yo, por ejemplo, preferiría tener una web no hecha con Blogger), pero

estamos buscando una alternativa a no pagar por una página web, además de que sea fácil de

utilizar y en Español.

Gracias por hacer uso de este documento para alcanzar tu propósito. ¡Suerte!

Desear es obtener; aspirar es alcanzar.

James Allen

Page 29: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

28

30

d

e

En

er

o

de

2

01

5

ANEXO

Os facilito información adicional por si queréis aumentar vuestro conocimiento en esto de

Blogger. Son una serie de páginas webs que explican cosillas interesantes. También hay algunos

videos explicativos.

Poner música en tu blog. Si te interesa, aquí puedes encontrar una de las muchas

guías que hay: http://www.sonowebs.com/bger-plugin.php

Fondos para Blogger. Muestra y te permite descargar una gran variedad de fondos

para tu blog: http://fondosparablogger.blogspot.com.es/

50 trucos en Blogger. Completa guía para optimizar tu blog al máximo:

http://www.iniciablog.com/2011/05/los-mejores-trucos-blogger-blog.html

Curso de blog con Blogger a través de YouTube, en el canal de joalgoba. Este

youtuber puede además resolver tus dudas si le dejas comentarios debajo de alguno

de los videos de su canal.

https://www.youtube.com/playlist?list=PLe_p_U5W9sa7KnbvLiJFqKXeqcFKSe7bb

Dentro de las muchas posibilidades de compra de dominios, os presento a

DonDominio: una web donde podrás comprar un dominio para tu blog y

añadirlo a Blogger. En su web explican cómo hacerlo.

http://www.dondominio.com/help/es/183/como-utilizar-tu-dominio-con-blogger-o-

blogspot/

Page 30: Una alternativa a la web de pago.comerciodealmeria.es › pdf › taller_gratuito_online › blogger.pdf · Ya tenéis cuenta, y Google os da la bienvenida. Con esa cuenta podéis

Blogger, una alternativa a la web de pago.

Taller dirigido a los comerciantes de Almería

29

30

d

e

En

er

o

de

2

01

5

REFERENCIAS

http://www.ontsi.red.es/ontsi/sites/default/files/perfil_sociodemografico_de_los_internautas_2013_0

.pdf

http://www.ekontsulta.net/ekontsulta/wiki/index.php/Microempresas:_Escaparate_virtual

http://red.ilce.edu.mx/sitios/proyectos/voces_abuelos_pri13/manual_blogger.pdf

http://wwwhatsnew.com/2012/03/24/las-10-mejores-plataformas-online-para-crear-tu-propio-blog-

gratis/

http://creando-blogs.blogspot.com.es/2011/11/como-centrar-la-cabecera-de-mi-blog-de.html

http://www.informatica-hoy.com.ar/gadgets/Que-son-los-Gadgets.php

http://tutorialesyopiniones.blogspot.com.es/2012/11/anadir-gadget-redes-sociales-en-blogger.html