Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
~BLogger· ¿Qué es Blogger? Blogger es un servicio creado por Pyra Labs y posteriormente adquirida por Google para crear y publicar una bitácora (blog) en línea. El usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting. Blogger acepta para el alojamiento de las bitácoras su propio servidor (Blogspot). Es una excelente herramienta para que el profesor comparta contenido: recursos online (en línea, en internet), presentaciones, reflexiones ... También es una excelente herramienta para que el alumno tenga su bitácora personal o cuaderno digital en el que publique sus creaciones, recursos que refuerzan su aprendizaje ...
¿Qué hay que hacer para tener una cuenta Blogger? Si tenemos una cuenta Blogger, tendremos la posibilidad editables desde el mismo panel de controlo cuenta Blogger.
de tener cuantos
blogs queremos,
siempre
Si vamos a la página de Blogger: https://www.blogger.com/nos indicará que iniciemos sesión de cuenta Google. Si no tenemos una cuenta Google damos a AÑADIR CUENTA Y ahí podremos dar al botón para crearnos una cuenta de GOOGLE.
Go Sic
Go gle
Una cuenta. Todo Google. Selecciona una cuenta Raúl Diego rauldlegocursos@gmaJl.com
( Madlr ruenta
)
InICk1 ~esl6n para Ir a 810gger
> Correo e Kt
1(0
Eliml/la'
UnI
"*
QWI&I
d' GoogI. per. ~
IIMloa
kII5 MN'OOI de GoogI,
! ••
Si aún no tenemos una cuenta de Google, que nos proporcionará servicios como correo Gmail, almacenamiento en la nube con Orive, además de muchas más servicios, el formulario que nos saldrá es el siguiente:
1
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Los pasos a seguir son: Nombre Nombre
Nombre
Rellenar nuestros datos Asignar un nombre al blog. Elegir una plantilla.
Apellidos
de usuario @gmailcom
Contraseña
Confirma
Es interesante saber que NOMBRE es el que aparecerá como firma cuando hagamos una entrada en nuestro blog.
tu contraseña
Fecha de nacimiento Día
:
Moa
Mo
La recuperación de la contraseña, por si se nos olvida, Google la hace a un correo alternativo o a un teléfono móvil. Recordad que debéis de aceptar las condiciones.
Sexo Soloeclona tu s.xo
r Teléfono ~.
Si entráis con la cuenta de Google los pasos serán los mismos a diferencia del primero que lo llaman REGISTRARSE EN BLOGGER y en el que sólo tenemos que confirmar el NOMBRE y Aceptar las condiciones. El segundo y tercer paso en común.
móvil
+34
Tu dirección
de correo
Demuestranos (1
De los datos que nos piden en la creacion, os recomiendo que los guardéis en algún lugar para no olvidarlos.
electrónico
actual
que no eres un robot
Omitir esta verificaci6n (es posible que sea necesaria la verificaci6n por teléfono)
8(j·~ Escribe
En la pantalla interna de Blogger, que es la pantalla de configuración y es la que aparece cuando accedemos a nuestro servicio Blogger, aparecen tanto los blogs que tenemos creados, en la función ESCRITORIO; como nuestro perfil, que podemos editar en cualquier momento (Editar Perfil); como una lista de LECTURA DE BLOGS, que nos informa al acceder de los últimas entradas que se han producido en los blogs que seguimos (Añadir).
las dos palabras:
_.~. _.
e ~,)liI Ubicación
(n"~nc
espafta
.."""
L 1 Acepto las Condiciones del servicio y la Polltica de privacidad de Google.
o
,.__- -_---..,.
tna'Olt.icaOn.
~
_.
Google podrá utilizar la informaci6n de mi cuenta para personalizar los + 1 en contenido y anuncios de sitios web que no pertenezcan a Google. Más informaci6n sobre la personalizaci6n
•
tu ..._
2
HcfYamlentn
2.0
TodotlosbeoJs
1ivOt¡,q,_.I :::-:':..-
mWi.1i!.F
'"
...... .__
_'wl ..
"~ __
.....
_
........
__
.....
lIIl11'1o .. _
o
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Aquí vemos la sección de ESCRITORIO
y el botón de NUEVO BLOG.
R"" _
Blogger
....... -
Blogs de Raúl En la nube TIC
Nu.vo blog
376 entradas, última TI
Ver blOg
26... ne-2O'3
publk:aó6n:
, •
La Tierra Bbgl
~
eliminados
(2)
Ver btog
PlIgln.. v...... 723
35
""lradal.
última publaclÓll
25-<1 .... 2013
Cómo utilizar Blogger como lector de blogs En la LISTA DE LECTURA
podremos AÑADIR
la URL del blog que queremos seguir y si es una página
web la URL del Feed (buscar el símbolo naranja en la web ~).
11lista
de lectura
Todos los blogs AAade blogs par. seguoren tu Lista de lectura Actualmente no .,gtJea ningún bk:lg. U.. el botón MadI' pata Incorporar k>. bIog. qu. qUl8rat MQUiI' • Mil ,nforrnoctón
BIoggor
la
lista de lectUra
Buz<
Sólo tenemos que añadir la dirección o URL de ese blog en la pestaña AÑADIR DE LA URL. Lista de lectura ) At'ladlr bl0'l5
pbra
5SbulrtOS
[ 0Mod.cIoIaURl
Importar di OoaglaRo_
....
-
Podemos seleccionar si seguimos ese blog de forma pública o de forma privada.
Cómo crear un blog en Blogger Damos al botón NUEVO BLOG y rellenamos los dos datos que nos piden: Título del blog y Dirección blog, por último elegimos plantilla del blog y damos al botón CREAR BLOG.
3
del
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
.....na
'"''
TIMo
... ovó"
'-o ... ao
... o
""'6
,..........
Web 2.0 en el aula
O".. oción
..
webdospuntoeeroenelaula
Plantilla
OynamlcV .....
Simple
Aweoome lne.
Walermall<
Pkture Window
Pueoes ver mUCha! mas plantllas y
persona lZ.8f
tu b40gmas
larde.
El Título del blog puede ser cualquiera. El Dirección del blog es la dirección de nuestro blog y no puede repetirse. Tiene que estar en minúscula, no escribir caracteres no ASCCI (las tildes, la ñ y los espacios no están permitidos). Y tenemos que comprobar que esté disponible (no puede haber dos iguales). Si lo está, no olvidéis apuntar la dirección de vuestro nuevo blog. El último paso para tener un blog es elegir una plantilla,
que se puede cambiar en cualquier momento.
Título y domino pueden ser distintos. No os recomiendo para empezar.
la primera plantilla, es la dinámica y no es buena
Ya tenemos un blog que podemos visitar en la dirección de nuestro blog. En este caso: http://webdospuntoceroenelaula.blogspot.com.es
No hay ninguna entnlda,
Su"",bUIe.
e_
(Alom)
4
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Cómo configurar nuestro blog Lo primero que recomiendo es que se haga una buena configuración de opciones y de diseño del blog. Estas cambios se suelen realizar el primer día y excepcionalmente si queremos hacer algún cambio de configuración. Para hacer los cambios en la configuración hay que ir a la pagina de inicio de Blogger: http://www.blog_ger.com/home. hacer doble clic en el título del blog que queremos configurar y ahí hay que ir al apartado CONFIGURACiÓN. Mlsblogs
Web 2.0 en el aula . Visión general
el
Páginas vistas v
IIJ ID
Actualizaciones
"
Comentarios
Entradas
"'ghao
..
Comenlarioo
Si
Goog!e'
.:
earadllllen
pendiente. d.
moderaoón eomonlarioa publicados
os Piglnas vistas hoy
Y'lngr_ lilJ
OIMIIo
r Planlille ( /"
Seguido ...
Conllgu"'_
CONFIGURACiÓN: A la vez, configuración se divide en varias secciones. Vamos a verlas una a una y a destacar lo más interesante. Al estar en castellano y tener todos los puntos "Ayudas", no tendríamos ningún problema si lo fuéramos leyendo poco a poco y configurándolo a la vez.
LO BÁSICO: MIS
blogs
Web 2.0 en el aula . Configuración ) Lo bAslco Lo básico
1t
VIsoón gen-
"
En ......
O
P~I
TI,,,,,,
Wtb 2 O
en".ute
Edur
• C<>men_
ti t:
Googlo'
Publicación
E,Cldrst.-<:I1 o..cáón do! bIog
Y'lng, .... [;] D_ i" "'•.mI'"
Permisos
c:::::J
EnndalY ""_ .. rioo
_do_ M6YIl y correo tdonay
Preferw'\Qall
AIIm_
._...-
IormIIO
PIIr1I
Ovoo
5
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
Título: Desde aquí se puede cambiar el cualquier momento el título que hemos puesto al blog. Descripción: Aquí podemos poner una descripción de no más de 500 caracteres explicando el blog. No es obligatorio. Los datos esenciales u obligatorios ya nos lo han pedido a la hora de crearlo. Privacidad: ¿Quieres añadir tu blog a nuestras listas?: Si queremos que aparezca en la lista de blog de Blogger. ¿Quieres permitir que los motores de búsqueda encuentren tu blog?: Si quieres o no que aparezca en un programa de búsqueda como puede ser Google. Si decimos que no, sólo llegarán a él a los que digamos la dirección o url, que es lo que tenemos que decir. Recordad en este caso: http://webdospuntoceroenelaula.blogspot.com.es/ Dirección
del
blog:
Aquí cambiaremos
la dirección
de nuestro
blog por otra, si está disponible.
Autores del blog: Podemos crear un blog en el que publiquen nuestros compañeros o alumnos. Nosotros seríamos los administradores del blog y ellos serían los autores del blog. Un administrador tiene acceso total al blog. Puede hacer cambios en el diseño y la configuración; crear, editar y borrar cualquier entrada y cualquier comentario. Un autor no tiene acceso a la configuración. Puede crear, editar y borrar sus entradas o los comentarios a sus entradas. Para crear autores sólo tenemos que hacer clic en AÑADIR AUTORES Y escribir las direcciones separadas de comas o cogerlas de nuestros contactos de Gmail. Podemos hacer que una autor sea administrador de nuestro blog. Lectura del blog: Aquí decimos quien puede ver y leer nuestro blog. Cualquiera: cualquiera puede acceder a nuestro blog. Siempre que tenga la url o dirección o la haya encontrado en un buscador si lo configuramos así. Sólo a los usuarios que yo elija: sólo podrán leerlo los usuarios que yo elija, pero antes tendrán que identificarse que son ellos. Es interesante cuando queremos proteger el contenido de nuestro blog. Únicamente autores del blog: los autores serán los únicos que puedan ver el contenido, previa identificación. Un blog puede estar abierto o público y pasar a cerrado o privado con un solo clic en estas opciones.
Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACiÓN.
6
•
•
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
ENTRADAS Y COMENTARIOS:
Misblogs
Web 2.0 en el aula . Configuración
) Entradas
y comentarios
Entradas
1J1IIooón_
JI En_ IDp~ ..
".
Comen ......
ti Googlo'
e
Et1MSiI1Ic8.
Comentarios
'Y' ........ ~0I00II0
m -
·c~._
...,..,.
WIOt""""1IftQI
U ..... _I_-.,O) U....no Solo
can
cuert1as d. 000gIe
ao. tTIIfIn1bn»
es. •••
bIog
ldiome y famullO
Pnf~.pera moIOf'N
o. bUtQUede
Ooroo
--, _cIoIlalmulono .....,,10 ...
No •
..
Mostrar un máximo de: Aquí indicaremos cuantas entradas por página queremos mostrar. Plantilla de las entradas: Aquí indicaremos un texto si siempre que vayamos a escribir en una entrada, lo usamos. No es muy usado. Mostrar imágenes con Lightbox: Ubicación
de los comentarios:
¿Quién puede comentar?:
Es una forma de ver las imágenes. Recomendable que sí. El lugar donde queremos que aparezca la ventana de comentarios.
El más aconsejable es Cualquiera.
Moderación de comentarios: Se especifica cuando se moderan los comentarios. Si se habilita siempre aparece una ventana para poner un correo y que Blogger te avise de que existe un comentario a moderar. Mostrar verificación moderas. Mostrar Backlinks:
de palabras:
Recomiendo que no, si moderas comentarios, recomiendo sí , si no los
Enlaces en los lugares que comparten esa entrada.
Mensaje del formulario comentario.
de comentarios:
Hay que GUARDAR CONFIGURACiÓN
Si queremos dejar un texto que lea quien vaya a hacer un
(arriba a la derecha).
7
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
MÓVIL Y CORREO ELECTRÓNICO: Mis blogs
Web 2.0 en el aula . Configuración
) Móvil
y correo
electrónico
Móvil
1t
I
Publicar entradas mediante SMS/MMS
VlSlÓn general
"
Entrada.
ID
Pllgina.
•
Comentarios
Ni
Google+
.:
Esladlsllcas
AlIad r d .posltivo
Correo electrónico Publicar entrada. mediante correo electrónico 1
Ingresos
~
Olsello
Cú Lo
@blogge<com
o PubLcar correo elactrónlco correos
elacttónlco.
Inmediatamente como entrada. de borrador
Inhabilitado Corrao para notJficar los comentarios ?
? Plantilla
J
",,......00
bésico
Entradas y comentarios
SelecclOf1ar da los contactos· Emnar entradas
(
correo571
Guardar
y
m6v~ - Més InformacICln acerca de los dlsposlbvos móviles
~,~~
o~
por correo
8
?
EI,m nar
AlIad r
)
idioma Y formato PreferenCIa. para motoras de búoquedl
Publicar entradas mediante correo electrónico: Una de las opciones más interesantes que tiene Blogger es que permite que personas que no tengan acceso a la configuración de nuestro blog puedan publicar en él, con nuestro permiso. Interesante opción si queremos hacer un blog colaborativo y que distintas personas sean las que publiquen en él mandando un correo electrónico. corre0571.secretWords@blogger.com corre0571.publicar@blogger.com El proceso es el siguiente: Tenemos una dirección de correo incompleta que nos pide rellenemos con una palabra secreta. Una vez que hayamos puesto esa palabra secreta, en mi casa "publicar", esa dirección se la damos a las personas que queramos que publiquen en nuestro blog y que no tienen acceso a él. Esa persona tendrá que mandar un mail a esa dirección y el Asunto del mensaje será el Título de la entrada. El Texto del mensaje será el Texto de la entrada. Y el Adjunto que mande, por ejemplo una fotografía, será la fotografía que aparecerá en la entrada. Sólo nos queda configurar si esa entrada se publicará: Inmediatamente. O se guardará como borrador de entrada para que luego nosotros lo aprobemos. Correo para notificar los comentarios: Podemos escribir hasta 10 direcciones correo cada vez que alguien deje un comentario en nuestro blog. Siempre hay que ir hasta abajo y dar a GUARDAR
CONFIGURACiÓN.
8
de correo que recibirán un
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
IDIOMA Y FORMATO: Misblogs
Web 2.0 en el aula . Configuración
) Idioma y formato
Idioma
11-
VIsIón general
lB
Entradas
10
Páginas
Idioma
Habilitar tranal~8ración
..
Comentarlos
f.i
Goog1e+
.:
E.l8dr.~cas
y
Ingresos
fi1I
Oisello
r
Planblla
?
Inhoblü"".
"rico h"VC\' •
en
Formato Zona horana
Foonato
de cabeoera
Foonato
de hora
(GMT+01
de
fe<:ha
?
2t de
:00) Modrid
lnero
10:11
cM
•
201' ..
..
Lo básico Foonato de hora de los comentarios
Entrada. y comentarlos
2t de
IM10 cM 201310:11
..
Móvil y correo electrónico
Pí'8ierencia. para motora. de búSQueda
Idioma:
Idioma del blog.
Habilitar
transliteración:
Zona horaria:
Dejar inhabilitada.
No olvidar configurar en nuestra zona horaria.
Formato
de cabecera
de fecha: Forma en la que deseamos ver la fecha de las entradas.
Formato
de hora: Forma en la que deseamos ver la hora.
Formato
de hora de los comentarios:
Forma en la que deseamos ver la hora de los comentarios.
Siempre hay que ir hasta abajo y dar a GUARDAR
PREFERENCIAS
CONFIGURACiÓN.
PARA LOS MOTORES DE BÚSQUEDA:
Recomiendo dejar todo como está.
9
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
OTROS: Recomiendo dejar todo como está. Misblogs
Web 2.0 en el aula . Configuración Herramientas
'*
VISión general
~
Entradas
ID
P40"al
~
Comentarios
Hooamientas
del
) Otros
del blog bIog
Importar blog • Exportar biog - Elim nar bIog
Feed del sitio
ti Google+ .:
Estadl.I,cel
y
Inoresos
~
olsel\o
r
Pta~lI.
Pennlt.r
raed de blog
Publicar raad ,
URl radl""""onada
Pie de página del entradas ?
?
Completo.
del
raed de las
Aáivar enlaces al Utulo a adjuntos ,
y enlaces
AlIad"
AlIad r
No
•
LO bisiCO Entradas y comentarios
OpenlD
Móvil y correo electnlnico
Tu URl de OponIO
idioma
hltp1/WebdospunlOOOn>enelaula.bIogspol.com/
?
SlbOI oue siempre puedoon VOl tu URl
y rormato
AIln no hay litioS de confianza.
Preferencial para molores de búsqueda
6
Contenido
para adultos
Contenldo pare adultos
?
No
•
Google Analytics ID de propiedad web de Google Analybcs ?
Lo más interesante es:
Herramientas del blog: Desde aquí podemos importar otro blog en este, exportar este para instalarlo en otro sitio (también lo podemos hacer como copia de seguridad) o eliminar el blog (no se elimina inmediatamente ).
10
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
Cómo cambiar el diseño de plantilla del blog Para cambiar el diseño del blog tenemos que ir a la pestaña PLANTILLA.
En PLANTILLA podemos hacer cuatro cosas: Seleccionar otra de las plantillas ya configuradas. Editar el código HTML. Es decir editar nosotros el aspecto de esa plantilla, si sabemos el lenguaje HTML o cargar una plantilla diseñada por expertos. O utilizar el Diseñador de las propias plantillas de Blogger en PERSONALIZAR. O cambiar la apariencia de la versión de nuestro blog para móviles.
Mis blogs
Web 2.0 en el aula . Plantilla EfTlJiaza con una plantilla basica
* ~
El blog ahora
y pe~tiza
el fondo ••
dISeño. loa cdorea. las fuentes y mucho m6a
M6vil
VIsión general Entrada.
D
P6gin ••
..
Comenta,..,.
ti Googla.
e
Esladlsbcas
y
Ingresos
~ ~ción
Vistas dinámicas
Sencillo
[-
11
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
PERSONALIZAR: Desde aquí podremos cambiar la PLANTILLA, ajustes AVANZADOS.
No hay ninguna
el FONDO, el DISEÑO, los AJUSTES
DE ANCHO y algunos
DATOS PERSONALES
entrada.
-
CRaúl Ver lodo mi perfíl
t"agma pnnclpal Suscribirse a Entradall (Atom)
Plantilla: Escogemos una plantilla o luego una subplantilla. inferior. Para guardar, tenemos que dar a APLICAR
Siempre podemos ver cómo va quedando en la parte CAMBIOS.
Podemos volver en cualquier momento al escritorio de Blogger con el botón Volver a Blogger.
Fondo: 12
Web 2.0 en el Aula Raúl Diego Obregón
~BLogger
Escogemos una imagen de fondo para nuestro blog y la gama de colores que va a tener.
Para seleccionar nuevos fondos o insertar el nuestro, tenemos que ir a la flecha de la derecha de la imagen seleccionado en ese momento y se desplegará la galería.
Siempre seleccionamos
y Finalizamos.
Diseño: Aquí elegimos cual va a ser la apariencia del blog. Donde van a estar las columna con los complementos gadget y cómo va a ser el pie de página.
Es recomendable colocar la columna a la derecha, nuestros visitantes (hay más diestros que zurdos). No olvidéis siempre APLICAR AL BLOG.
Ajuste de ancho:
13
o
pues es donde suele ir la mano de la mayoría de
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Esta opción configura el ancho de la zona de entradas y de la columna o columnas.
Avanzado: En la opción avanzado podemos hacer ajustes más detallados de tipo de letra y colores. siempre los podemos previsualizar abajo.
Recordad que
Una vez hecho los cambios volvemos al escritorio con el botón VOLVER A BLOGGER
EDITAR HTML: (No recomendable para principiantes) En la Edición HTML podemos modificar los parámetros que queramos, si sabemos el lenguaje de programación HTML, o podemos cargar una plantilla diseñada para Blogger que hayamos encontrado en internet. )(
Plantilla
) Edl
r HTML
~lr~deIft¡JugOl <hml vmloo-·¡tJ"
cftrodmr'lTT1"-?>
c'DOC1'YP6 html>
-
<hunI b;,CI"IID~cJ:w".'~' o.pr.dIt-'dat&.~_IMfuag::DirtttiaB' AmlM-'hupJ",,"-ww.w3.V1099l1htmr amlM.be1lnp:ffwww·COOIIci.(.QnY.2OOSI.mllb ... ml.Ju:dw..ht1p..J....."..W.fDOI.!e.coml3)()SlcmUdal8 •
• mlns o.prw'hIl¡r./'
_
_'w,plIk comf2OOSlamllc.lpr'>
<mt'tIi contall-'IEooEmulluIET
bI1p equi, .. 'X UA CClllpl.Ubk'".
<tri' COBd.'d.ta:bl",JsMobllc').
<1>,._ Ondol
conc.:ntJIIlwidlh'lllllnICe..wid\hJClítLU
0lICU COdCDr-",,·!dth_IIOI)'
<lb,,.
ddne:h.
daQ-'bq' ~'IJI <btJt><dalJ..bIol.pI.FlitJd><flitk>
~aI_ID.mlnimum
~vIC1Irport'b hud CU\kM'1>
<h.dUn><I(CDATAW D1ollc_rTcmpllll:l
$t)lc PiccllI'C Wi'_' DcsiaDCt:JofJI~ I.:RL _~.com SIIftlC
'1
14
IIft1e,.ID.ma.wnum
.caJc,.I.o
n.ame-"-ewpof1'l>
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Es recomendable, siempre que vayamos a hacer un cambio en el código HTML del blog, hacer una descarga de la plantilla completa. Los cambios en el código se harían en el recuadro con el código. Siempre para ver cómo está quedando, VISTA PREVIA, para deshacer cambios BORRAR CAMBIOS Y para guardar los cambios GUARDAR PLANTILLA. Para cambiar la plantilla completa y darle un toque más profesional o más vistoso a nuestro blog iremos a internet, buscaremos "Plantillas para 810gger" y después de descargarla en nuestro ordenador (se descarga en formato compromido ".rar o ".zip), descomprimirla y seleccionar archivo y subir. Una página interesante con plantillas para Blogger es BTemplates: http://btemplates.com/Esta página tiene las plantillas organizadas por: número de columnas, colores, temas ... Sólo tendremos que buscar la que más nos guste, una vez seleccionada podremos ver como quedaría con LlVE DEMO o descargar la plantilla con DOWNLOAD.
Templates Fr ..
810gger
Templetes
for your 810g
CloudHosting
ti
Ncm •
PnMou ••
Templ8te.: Columns
Create a Free Website
START NOWI
lSearch
, COIumn 2 COIurnns 3C01umns
_
._
_
••
r
• COIumns
Styl •• Adaptedrmm Wotdpress Premoum
M_ PhoIoIog
EJegant Grunge Fresh Wel>20
malIIt cornera Gallely M ..
Rounaed
(
~ Download
8500
)
Advertlse Here
Colora
P
•••• ••••
Preview I
En ocasiones los cambios de plantilla borran los GADGET de la página, pero nunca la información del blog. Una vez descomprimido, el archivo a copiar y pegar en el cuadro de HTML sería el que tiene extensión XTML, que es el fichero de la plantilla. Los otros suelen dar información de cómo hacer una buena configuración del blog. Copiaríamos el código HTML de ese fichero y los sustituimos por el código de la plantilla que nos ha proporcionado Blogger en su plantilla.
Esta es el nuevo resultado del blog después de seleccionarlo y subirlo.
15
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Cómo agregar o quitar complementos
a la página
Para cambiar los elementos que componen un blog tenemos que ir a DISEÑO.
DISEÑO: El último paso a la hora de configurar el diseño de nuestra página, es la opción de elementos que queremos que aparezcan en nuestra página. Esos elementos se llaman GADGET (herramientas) y los podemos añadir o eliminar desde la opción DISEÑO.
MIS
blogs
Web 2.0 en el aula . Diseño Made.
1t
VISIÓn
¡J
Entradas
ID
Páginas
..
Comentarios
suprime
VI.La
y edita gadgeta en tu blog. Haz etic en los gadgets y arrjstralos de plantJllas.
ancho. ubllla el
o,.eIIador
e
Favicon
Bo ......
posición. Para camb18f 18Scolumna. y E
general Barra
de naveg3.CI6n Ed4ar
Web 2.0 en el eula (cabacera)
ti Google+ .:
para cambiaJ10s de
preYi.
AlWd
r un
EdClr
gmgot
Estadr.tical
G "r
Planlllla
1"
Conflguraeoón
Moc! t un gedgol
Entradas del blog
Archivo del blog
Edar
08108 personaJe. E6..,
Ed"'"
AÑdrunQ*lgot
AHnbuhon
Por defecto aparecen suelen aparecer dos gadget que son: Archivos del blog (las entradas del blog agrupadas por meses o como lo hayamos configurado), y Datos personales (los datos del autor del blog). Todo gadget lo podemos editar o eliminar (eliminar aparece cuando lo editamos). Los gadget que aparecen en una página son los que les guste al autor del blog. Son muy personales. Yo suelo recomiendo tres que son esenciales en un blog. Cuadro de búsqueda:
Importante para que se puedan encontrar cualquier entrada dentro del blog. r--r-;¡o.,.,.,
Cuadro
D
a. búsqu.cIo
SUSCI en tu bLot. on tu Ib'h d. enltca blCCf yln lodo. ",---,,""'___J
Por- ~
to QUe h.)'u
pan",wollud.
16
d.
tenIdo .ec.,o do GooJ, ..
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Etiquetas: Es importante que todas las entradas estén etiquetadas con un tema y que lo podamos buscar rápidamente con el gadget de etiquetas. Blogger no permite hacer subcategorías o subetiquetas (para eso es bueno Wordpress).
Mest ....r todu
W etMalJetu de lu entnodtr en
tu btOC Por8~
Listado de enlaces: Nos permite añadir enlaces a otros blog y web. Podemos agregar este gadget tantas veces queramos, para organizar de esta forma los enlaces por grupos.
AA.de un. reeoptlldón
de tus sft~
web,
blols o D'ain.s web fMrftoS . ....... -'l'-=
Por BIoger
Cada gadget viene descrito para qué sirve, por lo tanto es interesante dicho gadget o herramienta.
leer qué nos puede aporta al blog
Son también muy interesantes los gadget: Texto (para meter texto o frases), Páginas (para poder ver las páginas fijas de nuestro blog), o el HTML (el gadget que tendremos que usar si queremos insertar cualquier herramienta que venga descrito o escrito con código HTML). Los gadget se pueden mover en cualquier momento con sólo coger y arrastrar.
Para terminar este apartado decir que los gadget se pueden colocar en cualquiera de las secciones en las que dice gadget y que también se puede configurar el apartado Entradas del blog. Conñgurar entradas del blog Opelon.. cM: l. págin. princip'1 Nümero da entradas
en la P'g .... prinopet
10
26 de f:Mro d. 20U
I!l
,.
1956
d>Wftldo
Int....
MoItrar anuncios entre la. enttada. DIbt. oonfIgur.r podef c:onf.""rll
"..
W.
E<lw
infotmac:aón
cuenta de AdSenM .n la pe.ta .... -Monetaar" anunciot In~
unI k)I
gu-v
Viendo blogs es la forma en la que descubrimos
17
pat1I
qué gadget queremos para nuestro blog.
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Estadísticas de nuestro blog Tenemos un panel de control de las visitas recibidas muy completo. Podemos ver las estadísticas
Misblogs
por: días, por entradas más visitadas, desde qué países nos visitan ...
Web 2.0 en el
e
.910.120.320.00 28/0.120.3.900
Ahor.
Páginas ....
¡g¡ Ikl ..
Vis.6n general Entradas
Aún no hay estadlsticas. Vuelve a comprobarlO más tarde.
DI.
Semen.
M..
En cu.lquler momento
o
vistas hoy
Páglnaa vistas ayer
o
Páginas vistas en el úttimo mes
o
Páginas
o
Páginas Comentarios
vistas (historial
completo)
No contar rus propio vISItas
t¡; E
a
Entradas
Fuentes de tráflco
Entradas
Fuentes de tnlfico
Aún no hay estadlsbCaS. Vuelye a comprobarlo más tarde.
Aún no hay estadlsUcas. Vuetye a comprobarlo más tarde.
Publico
y
Ingresos
[!!]
Disello
r
Planblla
.1'
Configuraaón
Público
Aún no hay estadlsticas. Vuelye a comprobarlo más tarde.
Google+ vinculado a nuestro blog? En la sección de Google+ podemos vincular nuestro con nuestra cuenta de Google para que nos publique en nuestro muro de Google cada vez que hacemos una entrada en el blog.
Como moderar comentarios en nuestro blog Cuando accedamos a la pestaña COMENTARIOS, pendientes de moderación y los que son Spam.
podremos ver los comentarios
En este panel podremos aprobar, o suprimir los comentarios
Mlsbqs
Web 2.0 en el aula . Com~Ir>OS
18
Publicados,
de los visitantes del blog.
• Publicados
los que estén
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Creación de páginas en el blog Las páginas son como las entradas, pero estas no se ordenan en orden cronológico y no tienen etiquetas. Se pueden realizar 10 páginas y se usan para poner contenido más estático en el blog.
Mis blogs
.,.
Visión
1IotTo,
co ..
blo.
P'gin •• n blanco Al\ade texto y archivos multimedJa
general
o
I'C'==· ==·1'
Web 2.0 en el aula . Páginas
,
Dirección web Envis 8 los lectores
8
otra direoción wab
Se puede crear una página como una entrada, que explicaremos sea un enlace a otro sitio web.
a continuación,
o crear una página que
Luego sólo nos quedará escoger dónde queremos que sean visibles las páginas.
Páginas
(
_'péglnasoomo
Página ptindpal
H ........
¡
'.
J
na",
I principal •• Según el diseno de la plantilla actual
Enlace. lateral •• Colocar en el gedget de ""Ieee. hlterales No mo.trar Enlazar manualmente las páginas en el bIog
Cómo crear entradas en el blog Esta es la sección más usada del blog. Todo lo que hemos hecho hasta ahora consiste en configurar el blog o darle forma. Podemos cambiarlo en cualquier momento, pero no estamos todo el día haciendo cambios en la configuración. Lo que normalmente hacemos en un blog es: Crear entradas, editar entradas (si nos hemos equivocado), administrar los comentarios. Para hacer entradas hay que ir a la sección ENTRADA
y
NUEVA.
Los pasos a seguir siempre son los mismos: Poner título a la entrada. Poner un texto a la entrada. En muchas ocasiones se adjuntan imágenes y en otras ocasiones se adjunta una aplicación externa que viene en código HTML, por lo que lo tendremos que hacer desde la pestaña HTML. Poner etiquetas para agrupar el contenido del blog.
19
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Web 2.0 en el aula· Entrada
• ConrllluraCl6ro de la entrada
I,.
Ellque"'.
o Programor 00
Si queremos podemos hacer una VISTA PREVIA, o GUARDAR (en borrador) la entrada, o PUBLICAR directamente, si ya la acabamos.
Enlace pennanente
9
Ublca<:i6n
<t
Opciones
si aún no hemos terminado
Publicar una entrada de texto: Escribir una entrada de texto es tan sencillo como seguir los cuatro pasos que hemos nombrado: poner título, texto, etiquetarlo y dar a PUBLICAR. Hay unas opciones avanzadas para las entradas que las encontramos a la derecha, debajo de Etiquetas.
Programar la publicación: A destacar de las opciones de la derecha es: Programar. Esta opción nos permite que la entrada se publique automáticamente en ese momento o que se publique en un día y hora. Interesante si queremos cambiar el orden de las entradas ya publicadas o que una entrada se publique en el momento que deseemos. Importante que hayamos configurado bien la hora del blog.
o Programe, Aulom6tlco
o E."'blecer 28
one
fecha
2O,og
2013
e
y hora
ene 2013 M
X
J
V
S
30 31
1
2
3
4
5
7
8
9
lO
11 12
O 6
L
13 14 15 18 17 18 19 20 3
132
21 22 23 24 25
27 28 29 4
~e:
•
30 31
1
7
8
E"
9
HOta de Europa Central
L...::.J 20
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Publicar imágenes: Si queremos publicar con nuestro texto una imagen, tenemos que hacer clic en el "Icono Imagen":
Rod.cbr
J
HTML
T
TT
Normal
T
Insertar una imagen se puede hacer de varias formas: Subir: Subiríamos una imagen desde el ordenador. Desde este blog: Cuando se crea un blog de Blogger se crea una carpeta en Picasa (herramienta de almacenamiento de Google), donde se almacenan todas las imágenes subidas. Desde álbumes web de Picasa: Se pueden insertar imágenes que también estén en otro de nuestros álbumes. Desde el móvil. Desde la webcam. Desde una URL: También podemos insertar una imagen si insertamos la URL de una imagen que esté en internet. La dirección de una imagen que esté en internet se consigue con el botón derecho "copiar URL de la imagen". Seleccionar
....,
-_
Doodo Doodo___
un archivo
.!.o..,It
........
....
.. ....... .....
........................ Cómo insertar un hipervínculo a una página: Es tan sencillo como seleccionar una palabra o una imagen, y hacer clic en "Enlace", donde se escribirá la dirección de hipervínculo. Indicarle si queremos que nos habla en esa página u otra en enlace y ACEPTAR. x
Editar enlace T8X1o pera moalrllr. Enlez:ar a:
({ 6UI ORE 616arll 6iFiW"il
¡"¡¡ea p
\!) Dirección_b QrrmpOn dI CO!'T!!Q
l.
.1.
¿No .. ,..... g'-"O d. q!A poner en el cuadro~, 1tf'ICUen&r. 0f'I1e; Web p6one; QI.Ie ......... (\Jf'I~oeb\,ltOAClolpa¡odtl"rUkl)
rII~,~.Io..,"
Luogo.c:op¡.r.
olroc:06n wob en 01 cuodIo de lo botrII de dltOCCllClnOl QIOotO .... oriof AMe ni. '03M en y,O'.re Q"'Y' , Add 'ret"nofolkwl attribute (Lum men) 11M
21
del
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Insertar aplicaciones 2.0 en nuestro blog: Esta es de las funciones más interesantes y usadas en un blog. Insertar vídeos, presentaciones, galerías de imágenes y otras aplicaciones 2.0 que encontramos en internet. En todas estas aplicaciones podemos encontrar las palabras: INSERTAR, EMBED o COLOCAR EN TU WEB O BLOG. Tenemos que coger el código que nos da la aplicación e insertarlo en la pestaña Edición de HTML. Ejemplo con Youtube: Vamos a COMPARTIR. Luego a INSERTAR. En TAMAÑO DE ViDEO, escogemos PESONALlZAR y ponemos el ancho de nuestro blog. Una recomendación es desactivar la casilla MOSTRAR SUGERENCIAS ... así no nos podrá ningún vídeo, no deseado, al terminar. Por último, copiar el CÓDIGO HTML del vídeo.
Y. Web 2.0 y Educación CursowebCPR
3 vIdeos
[::J Suscriblrso "
¡m
21465
35
Downlood lo"
Compartir
este vídeo
Comoartir
(Insertar
elón
I
con la lista de reoroducclón
( CompartIr
Enviar
J
por correo
oue emoieza
oor
o,strar
del video:
[TamaftO POraonallzado
sugerencias
[ I Utilizar HTTPS
de videos cuando finalice la reproducción
I I Activar el modo de mejora de la privacidad I I Utilizar código de inserción
antiguo
[7]
[?]
22
..
rol-O"
550]
[?]
I
Hangout
vIdeo actual
<iframe width."SSl" hoight "413" are." http://www.youtubc.com/cmbcd/ anhSNloWaOg? framoborder-ItO" allowfullscrcon></iframo>
Tamaño
A~ldlr
x
413
del video
rJ
Web 2.0 en el Aula
~BLogger
Raúl Diego Obregón
Vamos a una entrada, yen la pestaña
Web 2.0 en el aula .......
Entrada 8
r~
I
NI(
Video Web 2
~
<llramo vidth.·S51" height.·413· framoborder-·O· allovfull.creen></
...
HTML de la entrada pegamos el código que hemos copiado.
c.".,
o
"
Irc.·bttp:I/"""",.youtube.comle'mbed/anhSNloWaOg?rel.O· ifrUle>
•
Etiquelas
<9
Progl8mar
00
Enlace permanenle
V
UbIcaa6n
-o-
Opciones
Cómo editar las entradas ya realizadas del blog Tenemos que ir a la opción ENTRADAS. En ella veremos las entradas publicadas, las entradas aún no publicadas (que son borradores), las horas de las entradas y ahí las podremos editar o suprimir.
MIS blogs
Web 2.0 en el aula
Entradas ) Todas (2)
Todu
1...
t~uet..
1·2 de 2
,-""1
GICSUet
' .• , En
• (i)
Q
..
e
1
.
(lo
25 •
Ratll
o
o
20.25.00
Ratll
o
o
20.09.00
_or(l) Publicados (1)
Sólo debemos hacer doble elle en el título de la entrada para poder editarla. Si hacemos elle en el cuadro que haya su izquierda podremos: • • •
Añadir nuevas etiquetas. Publicar. Cambiar a borrador. O eliminar
Ejemplo de blog de Blogger: http://webdosRuntoceroenelaula.blogspot.com.es/
Raúl Diego Obregón www.rauldiego.es correo@rauldiego.es
23