SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Tutorial Blogger
Maria Sempere Curs 2012 - 2013
Una vegada dins ens
trobarem la pàgina que
veieu a la imatge.
En la part superior, caldrà
prémer el botó on posa ‘Bloc
nou’ per tal de crear un nou
bloc.
La part inferior, serveix per
seguir blocs que ens
agraden.
En cas que vulguem seguir
algun bloc, caldrà prémer el
botó ‘Afegeix’
Comencem Primer ens hem de donar d’alta a Google.
Després anem a la pàgina de Blogger
i introduïm el login/password.
Maria Sempere Curs 2012 - 2013
Introduïm un títol que siga
significatiu per al projecte.
Evitem posar títols massa
llargs.
El mateix Blogger ens dirà si
el títol que hem posat està
disponible o no.
Hem de triar també una
adreça web (URL).
Seleccionem qualsevol
plantilla, després la podrem
modificar.
Títol, URL, plantilla
Maria Sempere Curs 2012 - 2013
En cas que tinguem més d’un bloc, els tindrem tots llistats en aquesta pàgina.
Maria Sempere Curs 2012 - 2013
Els meus blocs
La següent pantalla que veurem
és la imatge adjunta amb el bloc
que acabem de crear.
Des d’aquest menú
tindrem accés a totes
les variables i opcions
del nou bloc creat.
Maria Sempere Curs 2012 - 2013
Despleguem el menú que es mostra a la imatge.
Quan cliquem una
de les opcions
el menú es desplaça a
la banda
esquerra de la pantalla
tot desplegat.
… Els meus blocs
A la part dreta hi
trobarem les
actualitzacions que
hem anat fent en el
nostre bloc.
En la part inferior
trobarem un tutorial
de Blogger, i en la
part dreta inferior, les
notícies relacionades
amb la plataforma.
Maria Sempere Curs 2012 - 2013
Visió General
Ens mostra les estadístiques del nostre bloc i enllaços d’interés.
Hem de tenir clar la diferència que hi
ha en un bloc entre la pàgina d’inici
dinàmica, on s’aniran publicant tots els
posts o entrades que anem creant i les
pàgines estàtiques, que normalment
serveixen per posar-hi informació més
estàtica (contacte, qui som, mapa,
calendari...).
Podem indicar la ubicació del menú de
les pàgines en la opció “Mostrar
pàgines com a...’.
Maria Sempere Curs 2012 - 2013
Ara anem de nou al menú principal de l’espai l’administració del bloc
i seleccionem la pestanya ‘Pàgines’.
Pàgines
Una vegada hem creat les pàgines
que ens interessen, veurem les
pàgines posades en l’ordre
cronològic amb que les hem creat.
Podem modificar l’ordre, simplement
posant el ratolí sobre la pàgina que
ens interesse i desplaçant-la cap a
un altre posició.
A pesar de l’ordre, sempre que
entrem al nostre bloc, la primera
pàgina que ens mostrarà serà la de
les entrades.
Maria Sempere Curs 2012 - 2013
… Pàgines
Creem la pàgina, tenint en compte
que es tractarà d’una pàgina estàtica.
Posem el títol, el contingut que ens
interesse i configurem les opcions de
la dreta.
Bàsicament ens interessa permetre
(o no) el comentaris de persones
alienes a aquesta pàgina.
Maria Sempere Curs 2012 - 2013
… Pàgines
El format del bloc i de l’entrada
La pàgina principal del bloc és un mural on es van publicant les entrades en ordre
cronològic invers. De manera que les entrades més noves quedaran a la part de dalt
del mur o pàgina i les entrades més velles aniran baixant poc a poc.
Podem decidir en nombre d’entrades que es veuen en un inici, i navegar fins a les més
velles prement “Entrades anteriors”.
Pel que fa a l’entrada. Té la data, un títol, un cos, etiquetes i comentaris.
Al cos de l’entrada hi pot haver text, enllaços, imatges, vídeos i bots de línia.
Cada entrada té una url pròpia de manera que està localitzada a eixa “adreça” per si la
volem enllaçar des d’algun altre lloc.
Maria Sempere Curs 2012 - 2013
Entrades
Si punxem sobre la icona del llapis
Anem directament a crear una entrada.
La segona opció del menú desplegable
ens porta a la llista d’entrades.
Les entrades creades es poden veure, editar, compartir (en la xarxa social Google+ si
tenim un perfil creat) i eliminar. Les opcions apareixen si posem el ratolí damunt del títol de
l’entrada.
Des d’aquest menú podem publicar, passar a borrador i seleccionar etiquetes per
a varies entrades seleccionant-les fent tic al quadret de la seua esquerra
Ací vegem l’autor, els comentaris i les visites a l’entrada
Les entrades les podem publicar o guardar-les com a borrador per publicar-les després.
Maria Sempere Curs 2012 - 2013
Editor d’entrades
Títol de l’entrada
Tornar al menú d’inici / Veure com queda el
bloc
Per a guardar els canvis cal prémer
actualitzar.
Per a
passar de
mode de
redacció
“normal”
a còdig
“informàtic”
Botons de
Desfer i Refer
Eïnes de text
(Si posem el cursor
damunt ens
Que fa cadascuna)
Inserta un enllaç a una url
O a un correu electrònic. Inserta un video
(ordinador, Youtube…)Inserta una imatge
(ordinador, url, bloc,
picasa, etc.)
Inserta un bot de línia
per tallar l’entrada.
De manera que a la
portada aparega un extracte.
Maria Sempere Curs 2012 - 2013
Configuració de l’entrada
A la banda dreta de l’editor d’entrades tenim unes
Opcions de configuració per a cada una d’aquestes entrades.
Des d’ací és on gestionarem les etiquetes (paraules clau de l’entrada).
Les paraules clau van separades per coma i un espai.
També podrem canviar la seua data de publicació.
I veurem la seua URL per si la volem enllaçar des d’algun lloc.
Podrem indicar la ubicació de l’autor en el moment de la publicació.
I podrem marcar una sèrie d’opcions respecte als comentaris,
mode de redacció i bots de linia
Maria Sempere Curs 2012 - 2013
Cliquem sobre la
pestanya ‘Plantilla’ i
comencem a configurar
la imatge gràfica del
nostre bloc.
Premem sobre el botó
‘Personalitza’ per
modificar la imatge i el
disseny al nostre gust.
Si dominem el
llenguatge HTML,
podemprémer el botó
de ‘Modifica html’ i
directament fer
modificacions en el
codi de la plantilla del
bloc.
Plantilla
Maria Sempere Curs 2012 - 2013
Des d’aquesta pàgina
comencem a modificar el
disseny del nostre bloc.
Podeu seleccionar qualsevol
plantilla i després anar
modificant poc a poc
aspectes més concrets:
colors del fons, lletres, títols,
caixes, etc.
Maria Sempere Curs 2012 - 2013
… Plantilla
Podem ajustar les amplades i la
configuració dels textos.
És convenient que els textos estiguen
ben contrastats amb el fons i siguen
prou grans perquè tothom puga
veure’ls.
Normalment el que cansa menys la
vista són els fons clars amb lletres
fosques.
Maria Sempere Curs 2012 - 2013
… Plantilla
Hem d’escollir per un costat el
nombre de columnes que volem que
tinga el bloc i com distribuïm l’espai
del peu de pàgina.
Aquestes decisions sempre som a
temps de modificar-ho tantes
vegades com faça falta fins trobar el
format òptim per al nostre bloc
Maria Sempere Curs 2012 - 2013
En la part de fomat, decidirem quina plantilla volem utilitzar
per donar format a les nostres pàgines del bloc.
… Plantilla
Ara podem distribuir els espais
internament a dins de la
plantilla.
Els canvis que fem ací
afectaran a totes les pàgines
del bloc.
Podem introduir un favicon, un
logotip a l’encapçalament,
decidir com serà el cos del
nostre bloc i afegir gadgets.
Maria Sempere Curs 2012 - 2013
Distribuir els espais
Cliquem sobre
qualsevol dels botons
‘Afegeix un gadget’ allà
on volem posar una
aplicació i se’ns obrirà
una finestra amb un
gran catàleg de
Gadgets.
Seleccionem el que
més ens interessa.
Cada gadget introdueix
una nova funcionalitat al
bloc.
Maria Sempere Curs 2012 - 2013
Gadgets
El gadget s’ubicara allà
on prèviament havíem
premut el botó ‘Afegeix
un gadget’.
A continuació, però, el
podem moure del lloc
inicial arrossegant-lo
sobre qualsevol zona
disponible.
També el podem eliminar
o modificar des del botó
‘Editar” del mateix
Gadget.
Maria Sempere Curs 2012 - 2013
… Gadgets
Despleguem la pestanya
‘Configuració’ i anem emplenant tots
els camps segons els nostres
interessos.
Es important destacar la possibilitat
de crear més d’un administrador amb
diversos perfils de privilegis.
Caldrà que la persona a qui volem fer
administrador accepte la nostra
invitació i que siga (o es faça) usuari
de Google.
Maria Sempere Curs 2012 - 2013
Configuració

Contenu connexe

Tendances (17)

wordpress2011 dies 1i2
wordpress2011 dies 1i2wordpress2011 dies 1i2
wordpress2011 dies 1i2
 
Wordpress2011 6a sessió
Wordpress2011 6a sessióWordpress2011 6a sessió
Wordpress2011 6a sessió
 
Manual ús solsonesviu
Manual ús solsonesviuManual ús solsonesviu
Manual ús solsonesviu
 
Tutorial Blog
Tutorial BlogTutorial Blog
Tutorial Blog
 
Crear bloc
Crear blocCrear bloc
Crear bloc
 
Crear Un Bloc Amb Wordpress
Crear Un Bloc Amb WordpressCrear Un Bloc Amb Wordpress
Crear Un Bloc Amb Wordpress
 
Facebook
FacebookFacebook
Facebook
 
Tutorial Blog
Tutorial BlogTutorial Blog
Tutorial Blog
 
Petit manual blogger
Petit manual bloggerPetit manual blogger
Petit manual blogger
 
Wordpress2011-1
Wordpress2011-1Wordpress2011-1
Wordpress2011-1
 
Com crear un bloc amb Blogger
Com crear un bloc amb BloggerCom crear un bloc amb Blogger
Com crear un bloc amb Blogger
 
Crear Bloc
Crear BlocCrear Bloc
Crear Bloc
 
Slide-tuto
Slide-tutoSlide-tuto
Slide-tuto
 
6è_blog2
6è_blog2 6è_blog2
6è_blog2
 
Instruccions per escriure en un bloc
Instruccions per escriure en un blocInstruccions per escriure en un bloc
Instruccions per escriure en un bloc
 
Curs FTIC2. Blogs
Curs FTIC2. BlogsCurs FTIC2. Blogs
Curs FTIC2. Blogs
 
Mini tutorial de Blogger
Mini tutorial de BloggerMini tutorial de Blogger
Mini tutorial de Blogger
 

En vedette (11)

Manual wikispaces
Manual wikispacesManual wikispaces
Manual wikispaces
 
Curs Recursos Tic Tac
Curs Recursos Tic TacCurs Recursos Tic Tac
Curs Recursos Tic Tac
 
Recursos Audiovisuals a l'Aula
Recursos Audiovisuals a l'AulaRecursos Audiovisuals a l'Aula
Recursos Audiovisuals a l'Aula
 
Audacity
Audacity Audacity
Audacity
 
Lliurex
LliurexLliurex
Lliurex
 
Curs pdi
Curs pdiCurs pdi
Curs pdi
 
Presentació en Impress
Presentació en ImpressPresentació en Impress
Presentació en Impress
 
Openshot
OpenshotOpenshot
Openshot
 
Curs Mestre a Casa
Curs Mestre a CasaCurs Mestre a Casa
Curs Mestre a Casa
 
Tutorial Para Wiki De Wikispaces Prestic
Tutorial  Para Wiki De Wikispaces PresticTutorial  Para Wiki De Wikispaces Prestic
Tutorial Para Wiki De Wikispaces Prestic
 
Webquest google sites
Webquest google sitesWebquest google sites
Webquest google sites
 

Similaire à Tutorial blogger

Similaire à Tutorial blogger (20)

Manual de blogger
Manual de bloggerManual de blogger
Manual de blogger
 
Tutorial blog
Tutorial blogTutorial blog
Tutorial blog
 
Tutorialblog
TutorialblogTutorialblog
Tutorialblog
 
Ja tenim acces
Ja tenim accesJa tenim acces
Ja tenim acces
 
Wordpress Part1
Wordpress Part1Wordpress Part1
Wordpress Part1
 
Com fer blocs
Com fer blocsCom fer blocs
Com fer blocs
 
Com Fer Un Bloc U&R&E&M
Com Fer Un Bloc U&R&E&MCom Fer Un Bloc U&R&E&M
Com Fer Un Bloc U&R&E&M
 
Manual pràctic de blogger
Manual pràctic de bloggerManual pràctic de blogger
Manual pràctic de blogger
 
Creació d'una webquest
Creació d'una webquestCreació d'una webquest
Creació d'una webquest
 
Word
WordWord
Word
 
Publicar Post Amb Wordpress
Publicar Post Amb WordpressPublicar Post Amb Wordpress
Publicar Post Amb Wordpress
 
Tutorial webquest
Tutorial webquestTutorial webquest
Tutorial webquest
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Inserir objectes al blog
Inserir objectes al blogInserir objectes al blog
Inserir objectes al blog
 
Crea el teu_bloc
Crea el teu_blocCrea el teu_bloc
Crea el teu_bloc
 
Disseny bloc
Disseny blocDisseny bloc
Disseny bloc
 
Presentqaciocrearblog
PresentqaciocrearblogPresentqaciocrearblog
Presentqaciocrearblog
 
Blocs educatius
Blocs educatiusBlocs educatius
Blocs educatius
 
Manual
ManualManual
Manual
 

Tutorial blogger

  • 2. Una vegada dins ens trobarem la pàgina que veieu a la imatge. En la part superior, caldrà prémer el botó on posa ‘Bloc nou’ per tal de crear un nou bloc. La part inferior, serveix per seguir blocs que ens agraden. En cas que vulguem seguir algun bloc, caldrà prémer el botó ‘Afegeix’ Comencem Primer ens hem de donar d’alta a Google. Després anem a la pàgina de Blogger i introduïm el login/password. Maria Sempere Curs 2012 - 2013
  • 3. Introduïm un títol que siga significatiu per al projecte. Evitem posar títols massa llargs. El mateix Blogger ens dirà si el títol que hem posat està disponible o no. Hem de triar també una adreça web (URL). Seleccionem qualsevol plantilla, després la podrem modificar. Títol, URL, plantilla Maria Sempere Curs 2012 - 2013
  • 4. En cas que tinguem més d’un bloc, els tindrem tots llistats en aquesta pàgina. Maria Sempere Curs 2012 - 2013 Els meus blocs La següent pantalla que veurem és la imatge adjunta amb el bloc que acabem de crear.
  • 5. Des d’aquest menú tindrem accés a totes les variables i opcions del nou bloc creat. Maria Sempere Curs 2012 - 2013 Despleguem el menú que es mostra a la imatge. Quan cliquem una de les opcions el menú es desplaça a la banda esquerra de la pantalla tot desplegat. … Els meus blocs
  • 6. A la part dreta hi trobarem les actualitzacions que hem anat fent en el nostre bloc. En la part inferior trobarem un tutorial de Blogger, i en la part dreta inferior, les notícies relacionades amb la plataforma. Maria Sempere Curs 2012 - 2013 Visió General Ens mostra les estadístiques del nostre bloc i enllaços d’interés.
  • 7. Hem de tenir clar la diferència que hi ha en un bloc entre la pàgina d’inici dinàmica, on s’aniran publicant tots els posts o entrades que anem creant i les pàgines estàtiques, que normalment serveixen per posar-hi informació més estàtica (contacte, qui som, mapa, calendari...). Podem indicar la ubicació del menú de les pàgines en la opció “Mostrar pàgines com a...’. Maria Sempere Curs 2012 - 2013 Ara anem de nou al menú principal de l’espai l’administració del bloc i seleccionem la pestanya ‘Pàgines’. Pàgines
  • 8. Una vegada hem creat les pàgines que ens interessen, veurem les pàgines posades en l’ordre cronològic amb que les hem creat. Podem modificar l’ordre, simplement posant el ratolí sobre la pàgina que ens interesse i desplaçant-la cap a un altre posició. A pesar de l’ordre, sempre que entrem al nostre bloc, la primera pàgina que ens mostrarà serà la de les entrades. Maria Sempere Curs 2012 - 2013 … Pàgines
  • 9. Creem la pàgina, tenint en compte que es tractarà d’una pàgina estàtica. Posem el títol, el contingut que ens interesse i configurem les opcions de la dreta. Bàsicament ens interessa permetre (o no) el comentaris de persones alienes a aquesta pàgina. Maria Sempere Curs 2012 - 2013 … Pàgines
  • 10. El format del bloc i de l’entrada La pàgina principal del bloc és un mural on es van publicant les entrades en ordre cronològic invers. De manera que les entrades més noves quedaran a la part de dalt del mur o pàgina i les entrades més velles aniran baixant poc a poc. Podem decidir en nombre d’entrades que es veuen en un inici, i navegar fins a les més velles prement “Entrades anteriors”. Pel que fa a l’entrada. Té la data, un títol, un cos, etiquetes i comentaris. Al cos de l’entrada hi pot haver text, enllaços, imatges, vídeos i bots de línia. Cada entrada té una url pròpia de manera que està localitzada a eixa “adreça” per si la volem enllaçar des d’algun altre lloc. Maria Sempere Curs 2012 - 2013
  • 11. Entrades Si punxem sobre la icona del llapis Anem directament a crear una entrada. La segona opció del menú desplegable ens porta a la llista d’entrades. Les entrades creades es poden veure, editar, compartir (en la xarxa social Google+ si tenim un perfil creat) i eliminar. Les opcions apareixen si posem el ratolí damunt del títol de l’entrada. Des d’aquest menú podem publicar, passar a borrador i seleccionar etiquetes per a varies entrades seleccionant-les fent tic al quadret de la seua esquerra Ací vegem l’autor, els comentaris i les visites a l’entrada Les entrades les podem publicar o guardar-les com a borrador per publicar-les després. Maria Sempere Curs 2012 - 2013
  • 12. Editor d’entrades Títol de l’entrada Tornar al menú d’inici / Veure com queda el bloc Per a guardar els canvis cal prémer actualitzar. Per a passar de mode de redacció “normal” a còdig “informàtic” Botons de Desfer i Refer Eïnes de text (Si posem el cursor damunt ens Que fa cadascuna) Inserta un enllaç a una url O a un correu electrònic. Inserta un video (ordinador, Youtube…)Inserta una imatge (ordinador, url, bloc, picasa, etc.) Inserta un bot de línia per tallar l’entrada. De manera que a la portada aparega un extracte. Maria Sempere Curs 2012 - 2013
  • 13. Configuració de l’entrada A la banda dreta de l’editor d’entrades tenim unes Opcions de configuració per a cada una d’aquestes entrades. Des d’ací és on gestionarem les etiquetes (paraules clau de l’entrada). Les paraules clau van separades per coma i un espai. També podrem canviar la seua data de publicació. I veurem la seua URL per si la volem enllaçar des d’algun lloc. Podrem indicar la ubicació de l’autor en el moment de la publicació. I podrem marcar una sèrie d’opcions respecte als comentaris, mode de redacció i bots de linia Maria Sempere Curs 2012 - 2013
  • 14. Cliquem sobre la pestanya ‘Plantilla’ i comencem a configurar la imatge gràfica del nostre bloc. Premem sobre el botó ‘Personalitza’ per modificar la imatge i el disseny al nostre gust. Si dominem el llenguatge HTML, podemprémer el botó de ‘Modifica html’ i directament fer modificacions en el codi de la plantilla del bloc. Plantilla Maria Sempere Curs 2012 - 2013
  • 15. Des d’aquesta pàgina comencem a modificar el disseny del nostre bloc. Podeu seleccionar qualsevol plantilla i després anar modificant poc a poc aspectes més concrets: colors del fons, lletres, títols, caixes, etc. Maria Sempere Curs 2012 - 2013 … Plantilla
  • 16. Podem ajustar les amplades i la configuració dels textos. És convenient que els textos estiguen ben contrastats amb el fons i siguen prou grans perquè tothom puga veure’ls. Normalment el que cansa menys la vista són els fons clars amb lletres fosques. Maria Sempere Curs 2012 - 2013 … Plantilla
  • 17. Hem d’escollir per un costat el nombre de columnes que volem que tinga el bloc i com distribuïm l’espai del peu de pàgina. Aquestes decisions sempre som a temps de modificar-ho tantes vegades com faça falta fins trobar el format òptim per al nostre bloc Maria Sempere Curs 2012 - 2013 En la part de fomat, decidirem quina plantilla volem utilitzar per donar format a les nostres pàgines del bloc. … Plantilla
  • 18. Ara podem distribuir els espais internament a dins de la plantilla. Els canvis que fem ací afectaran a totes les pàgines del bloc. Podem introduir un favicon, un logotip a l’encapçalament, decidir com serà el cos del nostre bloc i afegir gadgets. Maria Sempere Curs 2012 - 2013 Distribuir els espais
  • 19. Cliquem sobre qualsevol dels botons ‘Afegeix un gadget’ allà on volem posar una aplicació i se’ns obrirà una finestra amb un gran catàleg de Gadgets. Seleccionem el que més ens interessa. Cada gadget introdueix una nova funcionalitat al bloc. Maria Sempere Curs 2012 - 2013 Gadgets
  • 20. El gadget s’ubicara allà on prèviament havíem premut el botó ‘Afegeix un gadget’. A continuació, però, el podem moure del lloc inicial arrossegant-lo sobre qualsevol zona disponible. També el podem eliminar o modificar des del botó ‘Editar” del mateix Gadget. Maria Sempere Curs 2012 - 2013 … Gadgets
  • 21. Despleguem la pestanya ‘Configuració’ i anem emplenant tots els camps segons els nostres interessos. Es important destacar la possibilitat de crear més d’un administrador amb diversos perfils de privilegis. Caldrà que la persona a qui volem fer administrador accepte la nostra invitació i que siga (o es faça) usuari de Google. Maria Sempere Curs 2012 - 2013 Configuració