Curso Elaboracin de Portafolios de Evidencias

Creando un Portafolio Electrnico en Blogger

Yareli Serrato Mandujano

Versin: Julio, 2015

2
SINADEP

Creando un Portafolio de Evidencias en Blogger

Contenido
Creando un Blog para tu Portafolio Electrnico ......................................................................................... 3
Entrando a tu blog ................................................................................................................................................. 3
Cmo creo mi Blog? ............................................................................................................................................. 6
Cmo creo mis pginas en Blogger? .................................................................................................................... 8
Cmo Hago Visibles mis Pginas (Pestaas)? ...................................................................................................... 9
Cmo agrego otros Gadgets? ............................................................................................................................. 13
Cmo cambio el orden de las Secciones? .......................................................................................................... 14
Cmo creo una licencia para mi E-portafolio? ................................................................................................... 18
Opcin 1, todos los derechos reservados ........................................................................................................ 18
Caso 2, Creative commons ............................................................................................................................... 19
Ms seguridad para mi e-portafolio .................................................................................................................... 22

3
SINADEP

Creando un Portafolio de Evidencias en Blogger

Creando un Blog para tu Portafolio Electrnico

En el presente tutorial contiene el proceso para que

crees el esqueleto de tu blog.

Entrando a tu blog
Primeramente, ser necesario que accedas a tu cuenta
de google. Una vez que hayas ingresado, abrirs una
pestaa de google en donde trabajars para que construyas
tu perfil.

4
SINADEP

Creando un Portafolio de Evidencias en Blogger

Ir a google.

1. Escribe Blogger.
2. Da click en tu

primera

opcin.

Blogger solicitar tu cuenta de google, as que

ingrsarla y da click en Siguiente. Despus escribir
contrasea y dar click en Acceder.
Si tu cuenta de gmail es de
recin creacin, entonces
debes editar tu perfil en
Crear un perfil de Blogger
limitado.

5
SINADEP

Creando un Portafolio de Evidencias en Blogger

1. En idioma de preferencia

selecciona
(Latinoamrica).

Espaol

2. Escribe tu nombre.
3. Click en Ir a Blogger.

Antes de que crees tu blog, ser importante que

personalices tu cuenta de gmail poniendo tu fotografa. Si tu
foto ya la pusiste desde antes, entonces contina con los
siguientes pasos.
Para editar tu perfil, das click
en la parte superior derecha y
se desplegar la siguiente
pestaa en donde dars click
en Perfil de Blogger.
Se abrir una ventana nueva
en donde dars click en
.
Dar click en Examinar para
que busques tu foto y la
agregues.

Una vez que agregues tu imagen, tambin agregars la siguiente

informacin:
Sexo
Ciudad/poblacin
Regin/provincia
Pas, Industria
Ocupacin
Intereses
Introduccin
Adems de esta informacin, podrs agregar otra que consideres
necesaria.
Una vez que termines de llenar esta seccin, dar click en Guardar
perfil y puedes cerrar esa pestaa, que tu perfil ya se guard.

6
SINADEP

Creando un Portafolio de Evidencias en Blogger

Regresars a la pestaa de tu
blogger y podrs observar algunos
de los cambios (como tu
fotografa) hechos en tu perfil al
actualizarla.

Click en Crear blog.

Una vez que has creado tu perfil, vamos a que crees tu blog.

Cmo creo mi Blog?

Si ya tenas algn blog, entonces aparecern los blogs que ya
tenas; sin embargo, para efectos del presente curso, crears uno nuevo.
1. El ttulo de tu blog deber

ser E-portafolio de Nombre

Apellido
2. La direccin deber ser

ApellidosNombre-Portafolio.
3. Elegirs una Plantilla

predeterminada dando click en

la que ms te guste.
4. Dar click en Crear blog.

Si la direccin est
disponible (porque nadie ms
la ha usado), entonces
automticamente aparecer
una palomita.

Es importante que en la direccin no utilices acentos ni puntos.

7
SINADEP

Creando un Portafolio de Evidencias en Blogger

Podrs ver tu blog dando click
en Ver blog.

Hasta ahora no hay nada publicado en tu blog, ms que la foto de

tu perfil.
Si te diste cuenta, cuando elegiste tu plantilla, haba pocas
plantillas para elegir. Si gustas, podrs elegir otra plantilla.
Para elegir otra plantilla y
modificar el nombre del blog,
da click en Diseo.
Bajando el cursor de tu ratn,
podrs ver que hay ms
plantillas prediseadas.

Recuerda que siempre

que quieras ver los cambios
aplicados al blog, podrs dar
click en Ver blog.

Si te gusta alguna de ellas, la

podrs elegir dndo click a la que
ms te guste, enseguida dars
click en la lupa para que la
puedas ver con ms detalle. Se te
recomienda que el diseo que
elijas, mantenga pocos colores,
ya que agregars imgenes y si
hay ms colores, entonces tus
imgenes no lucirn tanto.
Una vez que hayas decidido cul
plantilla utilizar, dars click en
Aplicar al blog.

Si te das cuenta, en el nombre del blog, falta el segundo apellido

de Mara, si t s pusiste tu segundo apellido, podrs brincarte este

8
SINADEP

Creando un Portafolio de Evidencias en Blogger

paso, de lo contrario, vamos a que lo agregues.

1. Dentro del diseo, dar click

en Configuracin.
2. En

Ttulo, dar click en

Editar.

Una vez agregado el segundo
apellido, dar click en
Guardar cabios.

Cmo creo mis pginas en Blogger?

Enseguida crears las pginas de tu blog. Las pginas de tu blog
aparecern como pestaas, de manera que tu blog tendr la apariencia de una
pgina web. Estas pginas las irs modificando a travs de este curso. Pero
antes de ello, crears el esqueleto de tu blog, el cual consiste en crear las
pginas a las que irs aadiendo informacin.
1. Siguiendo en tu editor del

blog, dar click en Pginas.

2. Da click en Pgina nueva.

1. El nombre de esta primera

pgina ser Galera.

2. En el cuerpo del mensaje,

escribirs una breve descripcin

de esta pgina, pestaa o
seccin, le dars formato (el

9
SINADEP

Creando un Portafolio de Evidencias en Blogger

editor de formato es muy

intuitivo). En otras clases incluso
subirs una imagen o video, pero
por ahora, slo crearemos la
estructura.
3. Para que puedas ver cmo se

vera lo que has puesto en tu

blog, dar click en Vista previa.
En caso de que lo consideren
necesario, modifiquen el formato
(tipo de letras, tamao de letra,
color de letra, etc).
4.

Finalmente

dar

click

en

Publicar.

Una vez publicada esta entrada, publicars 4 ms con los siguientes nombres:

Currculum
Producciones
Reflexiones
Contacto
Conforme vayas agregando
estas pginas, en la seccin de
pginas las podrs ver.

Si una vez que has creado tus

pginas, te vas a Ver blog,
no las vers a todas.

Cmo Hago Visibles mis Pginas (Pestaas)?

A continuacin hars visibles tus pestaas.

SINADEP

Creando un Portafolio de Evidencias en Blogger

10

1. En tu pantalla de edicin, te

irs a Diseo.
2. En Cross-Column, dars

click en Agregar un gadget.

Aparecer
una
ventana
emergente en donde en
Aspectos bsicos, buscars
Pginas y le dars click en
el signo de ms que significa,
agregar.

SINADEP

Creando un Portafolio de Evidencias en Blogger

11

En esta ventana podrs ver una
seccin en donde aparece una
lista de las pginas creadas
hasta el momento. Hasta
ahora, solamente la Pgina
Principal es la nica que est
seleccionada (palomeadas en
un recuadro azul). Esto
significa que es la nica visible
en el blog.

Para hacer visibles el resto de
las pginas que creamos,
tildaremos el resto de las
pginas. Al hacer esto,
veremos que de lado derecho,
en donde dice Orden de
lista, aparecern esas
pginas que podremos ordenar
arrastrndolas.

Como en Orden de lista slo

puedes ver el nombre de la
primer pgina, lo que hars
ser Guardar los cambios
(antes de que regresen a
ordenarlas).

Enseguida, para que vean el

orden de sus pginas, darn
click en Guardar diseo y
una vez que est guardado,
darn click en Ver blog.

SINADEP

Creando un Portafolio de Evidencias en Blogger

12

Para reordenar, volvers a tu
pgina de edicin, Diseo, y
en Cross-Column y Pginas,
click en Editar.
1. En la pantalla emergente,
en la seccin de Orden de
lista, ahora s podrs ver los
nombres de cada una de tus
pginas, y podrs ver el orden
que tienen. Para ordenar,
dars click en aquella pgina
que deseas ordenar, la
arrastrars y la soltars en el
orden que quieres.

2. Ya que tienes ordenadas tus

pginas, antes de guardar lo
que has hecho, cambiars el
nombre de Pgina Principal
por Bienvenida. Para hacer
esto, en la seccin Pginas
para mostrar, te ubicars en
el recuadro de Pgina
Principal, borrars lo que
dice y en su lugar escribirs
Bienvenida.
3. Click en Guardar.
Click en Guardar diseo y
enseguida click en Ver blog.

Qu son los gadgets?

De acuerdo a Explicast Mxico (2012):
1. La palabra gadget es una palabra tecnolgica que se refiere a dispositivos que tienen
un propsito y una funcin especfica y prctica para la vida cotidiana de quien los usa.
2. Los dispositivos electrnicos porttiles como los reproductores mp3, los telfonos
celulares, los smartphones y las videocmaras porttiles, son ejemplos de gadgets.
3. Pueden llegar a tener precios muy elevados.
4. Los "gadgets" en forma de software en realidad son widgets.
5. Algunos ejemplos de widgets son las herramientas que puedes instalar en el
escritorio de tu computadora, como un indicador del clima en tiempo real, un reloj o
una herramienta que te permite conocer los ltimos acontecimientos del mundo.

Si tienes ms dudas, ve este video: Qu son y para qu sirven los gadgets?

SINADEP

Creando un Portafolio de Evidencias en Blogger

13

En su blog, vern que el orden de sus pginas est al revs de como deben de
aparecer, ya que Contacto, debera aparecer al final. Este es el orden que le
debern dar a sus pginas:

Galera
Currculum
Producciones
Reflexiones
Contacto

Es muy importante que cada que realicen un cambio en cualquier seccin de la pgina de
edicin, den click en Guardar diseo porque de lo contrario, sus cambios no se aplicarn. As
mismo, es importante que cada que guarden los cambios, vayan a Ver blog para que vean cmo
se reflejan esos cambios y si es necesario, continuar modificando. En Ver blog, ustede podrn editar
su blog dando click en los conos de herramienta
, para que ustedes vean el blog tal y como
lo veran otras personas, entonces dar click en Vista previa.

Cmo agrego otros Gadgets?

Estas son las pginas o pestaas en donde estars organizando toda la
informacin de tu portafolio.


1. Agregars otro gadget para

conocer cuntas visitas va

registrando tu pgina. Para
ello, dentro de la edicin de tu
blog, en Diseo, en la
seccin footer-2-2, dars click
en Agregar un gadget.
2. En la ventana emergente

elegirs Estadsticas del

blg.

SINADEP

Creando un Portafolio de Evidencias en Blogger

14

Podrs
seleccionar
si
el
nmero de visitas se va a
actualizar
en
cualquier
momento, ltimos 30 das o
ltima semana; el estilo en
como quieren que se muestre
esa
informacin;
y
dependiendo del estilo que
hayas elegido, las opciones de
estilo. Una vez que hayan
seleccionado las opciones que
quieres,
da
click
en
Guardar.

Estas fue la opcin que el blog
de prueba seleccionamos, pero
t puedes elegir la que mejor
se adapte a lo que quieres.

Al ver tu blog, te aparecer el

nmero de visitas tal y como lo
configuraste en la parte de
abajo.

Cmo cambio el orden de las Secciones?
Si observas, los datos sobre mi perfil, las pginas y los Archivos del Blog,
se encuentran en la parte derecha. Esta es una opcin, la otra opcin es que esos
datos, aparezcan de lado izquierdo porque creemos que visualmente, se ve mejor.

SINADEP

Creando un Portafolio de Evidencias en Blogger

15

Para ello, estando dentro de
lapgina
de
edicin
en
Diseo,
dar
click
en
Diseador de plantillas.


1. Click en Diseo.
2. Podrs ver el esqueleto de

tu diseo. Dando click en

cualquiera de los diseos,
podrs tener una idea de cmo
se veran reflejados.

SINADEP

Creando un Portafolio de Evidencias en Blogger

16

Nosotros elegimos los

siguientes diseos pero
ustedes pueden elegir los que
les guste ms.

1. Una vez que haya elegido el

diseo del cuerpo del blog y de

pie de pgina. Dar click en
Aplicar al blog.
2. Cuando se haya guardado,

vean su blog
para
que vean cmo se ven sus
cambios.

Ya en tu blog, podrs ver que la seccin Acerca de m, se pas hasta
abajo. Lo ms conveniente es que aparezca primero porque de lo contrario,
conforme vayas alimentando o metiendo informacin a tu blog, se ir cada vez
ms abajo.
Para pasarla al principio, dentro
del Diseador de plantillas de
Blogger, en Diseo, arrastrars
Acerca de m al principio de m.

Click en Aplicar al blog y
despus a

Les aparecer una ventana

emergente.

Dar click en Abandonar

Pgina.

Siguiendo en la seccin de
, agregars otro gadget para que
conforme vayas admitiendo personas a tu blog, les aparezca una lista de los blogs
a los que t seguirs (como por ejemplo blogs de colegas y estudiantes).

SINADEP

Creando un Portafolio de Evidencias en Blogger

17

En la seccin de sidebar-left-1,
click en Agegar un gadget.

Slecciona el gadget Lista de
blogs.

1. Seleccionas el orden

(Actualizados ms
recientemente o
Alfabticamete, por ttulo de
blog). Nosotros elegimos el
orden alfabtico.
2. Podrs ver que todava no

tienes ningn blog agregado.

Una vez que tus conocidos te
compartan sus direcciones o,
enlaces o URL de sus blogs,
tendrs que abrir este gadget
y dar click en Agregar un blog
a tu lista.
3. Click en Guardar.

Guardar diseo.

Reordenars nuevamente la
seccin de sidebar-left-1, de
tal forma que les quede como
en esta imagen.

SINADEP

Creando un Portafolio de Evidencias en Blogger

18

As mismo, eliminars el
gadget Pginas de esta
misma seccin para ello, click
en Editar.

1. En la ventana emergente,

hasta abajo, dar click en

Eliminar.
2. Te saldr otra ventana

emergente en donde debers

confirmar (Aceptar) para
que ese gadget se elimine.
Click en Guardar diseo.



Cmo creo una licencia para mi E-portafolio?
Ya que has visto el tema sobre las licencias creative commons

y sobre

todos los derechos reservados , es buena prctica, aplicar cualquiera de esas

licencias (de acuerdo a lo que queramos lograr con nuestra informacin) a
cualquier trabajo que hagamos.

Opcin 1, todos los derechos reservados
En caso de que hayas decido elegir una licencia de todos los derechos
reservados, la cual significa que no pueden usar ms del 10% de tus
producciones escritas ni ninguna imagen. Y que para usar ms del 10% o cualquier
imagen, tendran que contactarte y solicitarte permiso por escrito.

Estando en la pgina de
Edicin, en Diseo, en la
seccin de Footer, dar click
en Editar.

SINADEP

Creando un Portafolio de Evidencias en Blogger

19

1. En la ventana emergente,

escribirs ya sea: Por Nombre

Apellidos o Todos los
derechos reservados, por
Nombre Apellidos.
2. Una vez que hayas escrito,

dars click en Guardar.

Al ver tu blog, en la parte inferior podrs ver esta modificacin.

Caso 2, Creative commons
Este proceso es un poco ms largo, pero es el que utilizamos en nuestro e-
portafolio de muestra, ya que consideramos que es importante que nuestra
informacin se pueda difundir fcil y gratuitamente (siempre y cuando nos den los
crditos) sin hacer un proceso tan largo que implique el contactarnos, esperar a

SINADEP

20

Creando un Portafolio de Evidencias en Blogger

que los creadores respondamos y esperar a que si damos permiso, bajo qu

acuerdos los datos (tal vez queremos cobrar). Para ello, primeramente crears tu
licencia
de
creative
commons
en
la
siguiente
pgina:
https://creativecommons.org/choose/
Nosotros ya creamos la nuestra con estas opciones:
1.

Elige

si

quieres

permitir

adaptaciones a tu e-portafolio.
2. Elige si quieres permitir que tu e-

portafolio pueda ser usado con usos

comerciales.
3. Escribe el ttulo de tu e-portafolio

en Ttulo de la obra.
Escribe

tu

nombre

completo

en

Atribuir la obra a.
4. Si tuvieras alguna pgina web,

ingresala en Atribuir la obra a

(URL), de lo contrario deja este
campo vaco.
5. Copia la URL o direccin de tu blog

(esta la encuentras en la pgina

principal de tu blog) en URL de la
fuente de la obra.
6. Copia la URL de la pgina en donde

ests creando la licencia en Ms

permisos sobre la obra (URL).
7. En Formato de la obra, deja la

primera opcin, ya que adems de

textos, estars ingresando videos y

otro tipo de artefactos.

8. En Marca de la licencia, deja la

opcin que por default de da.

9. IMPORTANTE: Esta pgina no la
cerrars, ya que despus, tendrs
que volver a ella y copiar el cdigo
que te gener y pegarlo en tu
blogger. Para seleccionarlo,
solamente hay que dar un click
dentro del recuadro,
automticamente se seleccionar
todo, y ahora s, copiar.

SINADEP

21

Creando un Portafolio de Evidencias en Blogger

Ahora regresars a tu blogger.

Para ello, dentro de la pgina de

edicin en Diseo y en footer-1 (o
cualquier otro en donde queramos
que aparezca la licencia), agregars

el

gadget

encuentra

de

Texto

dentro

de

que

se

Aspectos

bsicos.
Una vez que lo hayas agregado este
gadget, te aparecer una ventana
emergente en donde debers colocar
el cdigo que creative commons te
gener.
1. Para ello, no ser necesario que
pongas algn ttulo.
2. Dars click en Editar Html y te
aparecern unos caracteres.
3. Donde terminan esos caracteres,
pegars

el

cdigo

que

creative

commons gener.
4. Click en Guardar.

Click en Guardar diseo. Ves tu blog. Como el gadget de texto fue el
ltimo que generaste, entonces saldr antes que el de Visitas a la pginas
totales. As que reordenars estos gadgets de forma tal que el Texto sea el
ltimo gadget que se vea. Al final te debe quedar algo as:

SINADEP

Creando un Portafolio de Evidencias en Blogger

22

Ms seguridad para mi e-portafolio

Blogger te permite que controles la seguridad de tu informacin hasta
cierto punto.
Dentro de la pgina de
edicin, da click en
Configuracin y despus en
Bsico.
Explora las opciones que
blogger te ofrece y selecciona
aquellas que ms convengan a
los propsitos de tu eportafolio. En el e-portafolio
de muestra, nosotros
decidimos dejar las opciones
que blogger da por default, ya
que en caso de que otras
personas busquen nuestro
blog, queremos que haya ms
posibilidades de que nos
encuentren.
1. Despus de la seccin de
Bsico, te irs a la seccin de
Entradas y comentarios.
2. Para que tengas mayor control
sobre los comentarios que se te
hacen, en Quin puede hacer un
comentario?, dejars Usuarios
registrados.

SINADEP

Creando un Portafolio de Evidencias en Blogger

23

1. En Moderacin de
comentarios dejars Siempre o A
veces.

2. Al elegir cualquiera de estas

dos ltimas opciones, aparecer
un cuadro en donde dice Enviar
solicitud de moderacin por
correo electrnico a. Ah
pondrs cualquier correo
electrnico al cual quieres que
lleguen los comentarios para que
antes de que sean publicados, los
leas y decidas si son aptos para
publicarse o no.

3. En Mensaje del formulario de

comentarios, dar click en
Agregar. Se desplegar un
cuadro en donde agregars una
frase breve que invite a los
comentarios.
Finalmente, dar click en
Guardar configuracin.