tutorial blogger
TRANSCRIPT
![Page 1: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/1.jpg)
NOVA INTERFÍCIE
Núria Moradell Castillo
Juliol 2012
![Page 2: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/2.jpg)
Un blog (o weblog o bloc) és una pàgina web
formada per un conjunt d’entrades ordenades per
data, amb la més nova a la part superior de la
pàgina.
La unitat mínima és el post, entrada, apunt o
anotació.
L’ordenació cronològica és essencial.
Permet interacció a través dels comentaris.
El contingut pot ser textual o multimèdia
(imatges, vídeos, gràfics).
![Page 3: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/3.jpg)
Títol
Menú lateral
Entrada
![Page 4: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/4.jpg)
Data
Títol
Text
Imatge
Comentaris
Etiquetes
![Page 5: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/5.jpg)
![Page 6: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/6.jpg)
nom
compte de correu-usuari
contrasenya
![Page 7: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/7.jpg)
contra robots
acceptar condicions
![Page 8: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/8.jpg)
correu
contrasenya
iniciar sessió
![Page 9: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/9.jpg)
prem sobre nou bloc per començar
prem sobre “afegeix”per seguir
altres blocs
![Page 10: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/10.jpg)
Posa un títol que el
defineixi
Una adreça. Blogger marcarà la
disponibilitat
Selecciona una
plantilla
Aquests apartats i propietats es poden modificar posteriorment
![Page 11: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/11.jpg)
Comença a crear la
primera entrada del bloc
Visualitza el teu blog per
primera vegada per veure
com s’ha organitzat
![Page 12: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/12.jpg)
Escriu el títol de l’entrada
Escriu amb ajuda del teclat el contingut de
l’entrada amb l’opció REDACTA, fes servir l’opció
HTML para introduir codis html que es fan servir
per incrustar algunes de les eines.
Hola
![Page 13: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/13.jpg)
negreta
Hola
cursiva
subratllat
midafont
![Page 14: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/14.jpg)
Hola
Inserir un enllaç
Color de fonsColor de lletra
Inserir una imatge
Inserir un vídeo
![Page 15: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/15.jpg)
Hola
Pics i numeracióAlineacióSalt de pàgina
![Page 16: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/16.jpg)
Inserir una imatge
![Page 17: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/17.jpg)
Des del PC
![Page 18: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/18.jpg)
Triar la imatge
Obrir
![Page 19: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/19.jpg)
Seleccionar la
imatge
Afegir a la
selecció
![Page 20: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/20.jpg)
Seleccionar la imatge
Afegir a la selecció
Des de Picasa
![Page 21: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/21.jpg)
Enganxem la URLImatge a Internet sense
descarregar
Si la URL és
correcta apareix la
imatge
Afegim
![Page 22: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/22.jpg)
2.Prem enllaç
1.Selecciona la
paraula que vols
enllaçar
![Page 23: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/23.jpg)
Direcció URL a la que es vol enllaçar
Acceptar
![Page 24: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/24.jpg)
Inserir un vídeo
![Page 25: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/25.jpg)
Inserir un vídeo
Des del PC
Desde Youtube
Des del canal Youtube
personal
Selecciona
![Page 26: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/26.jpg)
Buscar incrustar o embed
Copiar
![Page 27: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/27.jpg)
Canviem de “Redacta” a “HTML”
Enganxem aquí el codi
<object id="objSwf" name="objSwf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,
0,28,0" width="770" height="550"> <param name="movie"
value="http://www.educaplay.com/es/actividades/634129/actividad.swf?time=1340897149" />
<param name="quality" value="high" /> <param name="allowFullScreen" value="true" />
<param name="FlashVars" value="actividad=634129" /> <embed
id="objSwf" name="objSwf" allowFullScreen="true"
src="http://www.educaplay.com/es/actividades/634129/actividad.swf?time=1340897149"
quality="high"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shoc
kwaveFlash" type="application/x-shockwave-flash" width="770" height="550"
flashvars="actividad=634129"></embed> </object>
Es pot previsualitzar
l’entrada per saber
com quedarà un cop
publicada
![Page 28: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/28.jpg)
Paraules clau per facilitar la cerca
Fixar una data i hora de la publicació
Localització a Google Maps
Permetre o no comentaris
![Page 29: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/29.jpg)
Per publicar més tard Com ho veurien els lectorsPublica
![Page 30: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/30.jpg)
Es pot canviar el títol
Afegir una descripció
Per què el trobin els cercadors
Canviar l’adreça URL
Afegir autors i assignar rols
Qui el pot llegir
![Page 31: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/31.jpg)
Canviar el nombre d’entrades a visualitzar
Mostrar o no comentaris
Qui el pot comentar
Moderació dels comentaris
Rebre’ls per correu
![Page 32: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/32.jpg)
Podem canviar la plantilla
Personalitzar-la
![Page 33: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/33.jpg)
Es poden
moure i editar
els diferents
elements
Al final “desar organització”
![Page 34: Tutorial blogger](https://reader031.vdocuments.mx/reader031/viewer/2022020207/55972ae31a28ab49708b4678/html5/thumbnails/34.jpg)
Afegir elements