1. FEM UN BLOG AMB BLOGGER

1. Anirem a Google i cercarem Blogger
2. Seleccionarem l'entrada "Blogger: Crea el teu blog gratuït"

3. Per crear el nostre blog haurem d'accedir-hi mitjançant el nostre compte de Google, és a dir, l'adreça electrònica i la contrasenya.
Seria bo crear-nos un compte de correu electrònic a gmail
Haurem de seguir tres passos:

• Crear un compte pel blogger
• Assignar un nom al blog
• Seleccionar una plantilla

4. Introduirem l'adreça de correu electrònic dues vegades.
5. Introduirem la contrasenya. Se'ns notificarà la seva viabilitat i seguretat.
6. El nom amb que volem signar els nostres escrits, articles, comentaris...
7. Haurem de verificar les paraules que apareixen en la configuració. D'aquesta manera confirmen que no som un "Spam" (programes que poden crear, de manera automàtica, blogs)
8. Finalment, acceptem els termes del servei i, continuem

9. Assignarem un nom al blog
10. Donarem nom al blog, és a dir, la direcció que apareixerà com a títol. És bo que coincideixin les dues. També en buscarem la disponibilitat. (els noms no accepten caràcters especials: ñ, ç...)
11. Verificarem les paraules que ens mostra el programe (pels spams). Si ni tenim cap blog creat, no ens calen les "opcions avancades".

... i continuem


12. Escollirem una plantilla qualsevol, ja que posteriorment, si no ens agrada, podem modificar-la.13. Un cop creat el blog, ja podem començar a escriure entrades, modificar-ne el disseny o crear el nostre perfil personal.
Si comencem a escriure un missatge, haurem de tenir en compte que el títol, les imatges i el text han de contenir paraules clau: "etiquetes". Més endavant veurem que fan els buscadors.

14. Modificació de la plantilla: Anirem a FORMAT/ MODIFICAR HTML
15.Podem restaurar la plantilla si l'hem guardada amb anterioritat
16. Abans de modificar la plantilla, en podem fer una còpia.17. Amb les opcions "NAVEGA" i "CARREGA" canviarem la nostra plantilla.

2. COM FER UN BLOG

http://aprendeavenderporint/...

Canal de porterazo29

3. NOVA PLANTILLA

1. Anirem  a Google i buscarem "plantillas de blogger", bTemplates.com (hi ha molta informació). És important que s'adaptin a Blogger.

2. Buscarem i seleccionarem la plantilla que més ens agradi i que s'adapti millor a les nostres necessitats.
3. La descarregarem i guardarem en la nostra carpeta: clicarem sobre DOWNLOAD

4. Trobarem les plantilles comprimides amb .zip. Dins la carpeta trobarem dos arxius:

• Un de text
• L'altre, .xml, que és el que carregaren en la pastanya de navegació.

6. Dins la pàgina FORMAT / HTML, anirem a la pastanya NAVEGACIÓ, i buscarem l'arxiu .xml que hem guardat en la nostra carpeta. Carregarem i editarem la plantilla. Canvirà el codi HTML.

7. Desarem els canvis. i farem una visualització prèvia.

4. CREAR UN ENLLAÇ AMB UNA ALTRA PÀGINA

Podem crear un enllaç o hipervincle amb una altra pàgina web a partir d'una imatge o una paraula

A. Des d'una paraula:

• Seleccionem la paraula amb la que volem fer l'enllaç
• Polsarem l'icona enllaç o "link"de l'editor de text.
• Obrim la pagina web que volem enllaçar i copien l'adreça "http..." amb Ctrol+C
• Inserim l'adreça en la pestanya que obra l'enllaç.
• Ja hem creat el vincle. Publiquem el missatge i visualitzen.

B. Des d'una imatge

• Seleccionem la imatge. Apareixeran els botons de selecció
• I fem el mateix procés que amb el text.
• Polsarem l'icona enllaç o "link"de l'editor de text.
• Obrim la pagina web que volem enllaçar i copien l'adreça "http..." amb Ctrol+C
• Inserim l'adreça en la pestanya que obra l'enllaç.
• Ja hem creat el vincle. Publiquem el missatge i visualitzen.

5. INSERTAR VÍDEO AMB YOUTUBE

Podem insertar un vídeo de YouTube en el cos central del blog, enmig de qualsevol text, o en el menú contextual de la dreta, com a gadget.

1. Obrirem YouTube i buscarem el video que ens interessa.
2. En la part dreta , al costat del vídeo, veurem la pestanya "Insertar" que conté el codi que inserirem al nostre blog.
3. Seleccionarem i copiarem el codi amb Ctrol+C

Si volem que el vídeo es visualitzi en el menú contextual de la part dreta:

1. Anirem a Format / Elements de pàgina / Afegeix un gadget
2. Seleccionarem HTML / JavaScript
3. I enganxaren el codi amb Ctrol+V
4. En la part superior podem posar el títol indicatiu.
5. Guardem i visualitzem.

Si volem insertar el vídeo en la part superior, al mig o final d'un text, haurem de col·locar el codi dins del HTML del text.

1. Anirem a Enviaments de missatges / Nova entrada.
2. Obrirem la pestanya  Redacta i escriuem el text. Per fer proves va molt be utilitzar el generador de text en llatí, Loren Ipsum Generator
3. Quan estigui complert, anirem a la pestanya Modifica HTML 

1. Si volem visualitzar el vídeo a la part superior o inferior del text, inserirem directament el codi al principi o al final, amb Ctrol+C
2. Si el volem al mig del text, l'inserirem després de cada paràgraf i un cop visualitzem l'etiqueta /div
3. L'etiqueta div i /div obra paràgraf i el tanca. És molt important respectar el llenguatge HTML. Una petita errada farà que no es visualitzi el nostre blog.
4. Guardem, publicarem i visualitzarem el missatge

Una manera fàcil de col·locar correctament el codi és:

• Quan redactem el text, escriurem la paraula "vídeo" .
• Anem a Modificar HTML i busquem la paraula "video". La seleccionem i, amb Ctrol+C copiem el codi.
• També podem modificar els paràmetres de còdi per variar les mesures del vídeo: per exemple, variant les mesures de "height" i "width" a 200px.

6. INSERTAR PRESENTACIÓ POWER POINT

Àlbum de fotografies

Per poder insertar un Power Point Blogger, utilitzarem l'aplicació "slideshare": http://www.slideshare.net

Per donar-nos d'alta del programa farem els següents passos:

1. Entrarem a sing up now i ens registrarem: complementarem les dades solicitades i n'acceptarem les condicions.

2. Un cop inscrits, reberem un missatge de benvinguda i, continuem

3. Clicarem sobre Upload, que ens enviarà al següent pas.

4. Clicarem sobre Browse and select files i seleccionarem l'arxiu PowerPoint del nostre ordinador que volem posar a Blogger.

5. Un cop carregat l'arxiu, clicarem sobre Publish All.

6. Apareixerà una icona de color verd indicant que la publicació ha estat correcta.

7. Cliquem sobre here per veure la presentació. Després d'uns segons apareixerà la caràtula de les nostres diapositives en el teu lloc personal de Slideshare.

8. Cliquem directament sobre la caràtula de la diapositiva o sobre el títol "Àlbum de fotos" per veure la presentació.

9. A la part dreta, dins la finestra embed, apareixerà el codi que haurem d'insertar al blog. Amb Ctrol+C, el copiarem al protapapers.

10. Obrirem el blog per pujar les diapositives.

11. Anirem a Enviament de missatges / Nova entrada

12. Enganxarem el codi dins de Modifica / l'HTML.

13. Finalment, posarem el títol, la informació que volguem... i publicarem el missatge. En farem una visualització prèvia

14. També podem col·locar la presentació de PowerPoint com a gadget, en la part lateral dreta. Anirem a Afegeix un gadget / HTML/JavaScrip. Inserirem el codi i modificarem el format a fi que encaixi perfectament.

Instrucciones Para Subir Diapositivas Al Blog

View more presentations from luism.

CAIXA DE TEXT

Si ens convé inserir una caixa de text farem:
1. Anem a "enviament de missatges", "nova entrada"
2. A l'opció "modifica HTML" inserirem el següent codi:

3. Podem canviar els valors de:

          rows: número de files de text

          cols: amplada de la caixa de text

Lorem ipsum nec eleifend instructior no, his soluta integre pericula in. Affert legendos salutandi ut vel, per id possim aliquip abhorreant. Id his eius bonorum copiosae, te vel populo facilisis, omnis dicam forensibus an pro. Nam ex kasd graecis voluptatibus, et fugit veritus per. Ne repudiare temporibus dissentiunt eos, zzril postea ne sed. Eos et eius graece bonorum, choro saperet civibus est id, accusam pericula ocurreret ius et. At est suas homero discere, vim wisi homero veritus ut. Vel dolor dissentias te, mea cu aeterno explicari intellegam. Et bonorum partiendo concludaturque ius, audiam conclusionemque nec te, choro volutpat concludaturque no vel. In ludus hendrerit cum, at duo elit libris volutpat, affert quaeque omittam ad cum. Ius ne postea aperiri, ut nemore dicunt aliquyam. Lorem ipsum nec eleifend instructior no, his soluta integre pericula in. Affert legendos salutandi ut vel, per id possim aliquip abhorreant. Id his eius bonorum copiosae, te vel populo facilisis, omnis dicam forensibus an pro. Nam ex kasd graecis voluptatibus, et fugit veritus per. Ne repudiare temporibus dissentiunt eos, zzril postea ne. Eos et eius graece bonorum, choro saperet civibus est id, accusam pericula ocurreret ius et. At est suas homero discere, vim wisi homero veritus ut. Vel dolor dissentias te, mea cu aeterno explicari intellegam. Et bonorum partiendo concludaturque ius, audiam conclusionemque nec te, choro volutpat concludaturque no vel. In ludus hendrerit cum, at duo elit libris volutpat, affert quaeque omittam ad cum. Ius ne postea aperiri, ut nemore dicunt aliquyam ius

INSERTAR ARXIUS DE WORD,EXCEL,..

Si volem visualitzar un document de Word, d'Excel, pdf, PowerPoint.... al nostre blog, podem utilitzar el servei web "scribd". Ens permetrà incrustar l'arxiu a fi que els usuaris el visualitzin com si fos un vídeo del Youtube o una presentació de diapositives.

http://www.scribd.com/

1. Anirem a la web d'scribd, clicarem a la pestanya "logIn", i ens registrarem.

2. Un cop registrats, és necessari que, des de la pàgina principal, polsem el botó "Unload" que apareix, gran, a la part superior dreta de la pantalla. Accedirem amb el nostre nom d'usuari i contrasenya.

3. Anem a la pastanya "Publish". Podrem seleccionar l'arxiu que volem pujar. Pràcticament pot ser de qualsevol format: docx, doc, excel, powerpoint, pdf's...

4. Un cop seleccionat, el pugem i introduïm els comentaris i les dades que considerem. És important que NO el marquem com a "privat". Un cop introduïts tots els camps, polsarem "salvar".

5. Clicarem sobre el nom del document i observarem la vista prèvia del nostre document tal com quedarà inserit en el blog.

6. Per btenir el codi HTML que haurem d'inserir al blog, polsarem la tecla que posa "embed". La trobarem just per sobre el document,a la part dreta.

7. Ens apareixerà el codi. Podem canviar el format que ocuparà polsant "Adavance options" i actualitzant. Copiarem el codi HTML per inserir-lo al blog.

8. Anirem a blogger, "enviament de missatges", "nova entrada", "Modifica HTML". Enganxarem el codi i visualitzarem.

9. A la part inferior podeu veure com queda un document de Word inserit, amb l'ajud de l'aplicació scribd, en el blog.

Web1 Web2 Web 3

TUTORIAL

Para Publicar Un Documento en Tu Blog

INSERIR GADGETS A BLOGGER

GOOGLE MAPS

Mostra mapa en un mapa més gran

REPRODUCTOR DE MÚSICA

COM INSERTAR UN REPRODUCTOR DE MÚSICA AL BLOG

Un dels widgets que funciona bé per escoltar música des del vostre blogger, el trobereu a:

widgets.grooveshark.com

Podreu seleccionar la música que voleu oferir als vostres visitants, que, a la vegada, podran seleccionar la que més els hi agradi de la llista de reproducció.

1. Clicareu sobre "Color your music"

3. Clicareu sobre la icona del reproductor i passarem a un segon nivell on podrem personalitzar les mides i el color del nostre reproductor.

4. En primer lloc, seleccionarem el format del reproductor. Si el volem ubicar en la zona lateral del nostre blog, serà convenient donar-li una amplada no massa gran. Per exemple de 200px x 300px. Posteriorment podrem modificar les mesures dins el codi html.

5. Podem modificar els colors del reproductor: del fons, el text, la barra de desplaçament... Feu distintes proves i seleccioneu la que més us agradi.

6. Vereu que cada una de les modificacions es pot visualitzar al costat.

7. Passarem al següent nivell.

8. Posarem el nom del cantant / grup / tipus de música que volem escoltar.

9. Amb el símbol "+" seleccionarem les cançons que, automàticament se'ns col·locaran al reproductor.

10. En la part inferior tindrem la nostra llista de reproducció: clicant sobre la fletxa i arrossegant amun o avall, podrem canviar l'ordre de la llista.

11. Amb el símbol "x" podrem eleiminar les cançons que no ens agradin.

12. I passarem al següent nivell.

14. Canviarem el nom que trobarem a "Widget name". Més avall veurem  distintes icones de blogs. Seleccionarem la de Blogger a fi que ens generi el codi adequat.

15. Seleccionarem, amb el ratolí el codi i farem Ctrol+C, o amb el botó dret del ratolí "copiar". Se'ns guardarà en el portapapers.

17. Arirem a Blogger i seleccionem FORMAT / ELEMENTS DE PÀGINA.

18. Buscarem l'espai on volem insertar el nostre reproductor "Afegeix un gadget" i cliquem sobre el nom.

19. Ens apareixerà una nov finestra. Seleccionem l'opció HTML / JavaScript.

20. No cal posar títol, ja que és evident que és un reproductor

21. Enganxarem el codi a "contingut": Ctrol+V o amb el botó dret del ratolí "enganxar".

22. I desarem.

Finalment visualitzarem el nostra blog per veure com ha quedat i comprovar que funciona.

COMPTADOR DE VISITES

Per ubicar un comptador de visites al blog, podem procedir de tres maneres:
A. En el mateix blog:
          1. Anem a Format /Elements de pàgina / Afegeix un gadget, i busquem
          2. Els més Populars / Countdown: ens permet modificar el títol i l'alçada

B. Anem a la pàgina http://contador-de-visitas.com/, opció "ver todas"
          1. Col·loquem l'adeça del nostre blog.
          2. Donem a OK i, automàticamet, apareixerà el codi inserit al HTML del nostre blog i el comptador en ple funcionament.

C. La tercera opció és anar a la web http://www.free-counter-plus.com/
          1. Seleccionarem el model de comptador que més ens agradi
          2. Posarem l'adreça del nostre blog
          3. I el número que volem que aparegui en el comptador: Per exemple "00000000" o "00004563"
          4. Clicarem sobre "Sing Up"

  

1. Ens generarà el codi HTML que haurem de col·locar al nostre blog. Fem Ctrl+C
2. En el blog anirem a la pestanya Format / Elements de pàgina / Afegeix un gadget, i busquem  HTML / JavaScript.
4. Enganxem el codi i desem.
5. Visualitzem el blog 

   

Webs on podem trobar comptadors de visites:

          contadorweb.net

          micontador.es

          contadorweb.com

          24log.es

          http://contadores.miarroba.com/

POSAR UN POST-IT AL BLOG

Trobareu la pàgina que genera els post-its en aquesta adreça

http://crazyprofile.com/postit/post-it.asp

El programe és molt fàcil de utilitzar i molt intuitiu

1. Canvieu el color del post-it movent els scrolls

2. En l'etiqueta blanca escribiu el contingut.

3. Cliqueu a Post it a fi d'ncloure el text vostre

4. Genereu el codi

5. Copieu el codi seleccionant-lo i Ctrol+c o amb el botó dret del ratolí "copiar"

6. Anem a FORMAT / ELEMENTS DE PÀGINA / GADGET. Cliquem sobre el nom

7. Seleccioneu HTML / JavaScrip

8. Enganxeu el codi dins la finestra contingut. No cal porsar-hi títol

9. Deseu i visioneu el blog. Si és massa gran, canvieu les mides en HTML: height="200" width="250"

CALENDARI DE GOOGLE

Com insertarem un calendari de Google amb les nostres activitats

enllaç amb google calender

TAGBOARD O TAULÓ D'ANUNCIS

És un tauló de comunicació amb els usuaris. Per fer-ho, seguirem els següents passos:

Usuario Mensaje

1. Buscarem un servei extern que ens generi el codi

tagboardgratis.com

2. Ens registrarem

3. A continuació configurarm el nostre propi tagboard

4. En quan el format, dependrà de la ubicació que li volguem donar:

• 
  
  Com a gadget, a la part lateral del blog: Per exemple, 150x150
  
  
  
• 
  
  En el document i part central: per exemple 400x200
  
  
  

5. Si seguim tots els passos, obtindrem el codi HTML. Abans d'enganxar-lo al blog, posarem el codi al bloc de notes de Windows i n'eliminarem tots els intros.

6. Finalment, anirem a Blogger i:

• 
  
  Com a gadget: "Format", "elements de pàgina", "afegir nou element o gadget". Seleccionarem l'opció HTML/JavaScrip i enganxarem el codi. Ja podrem visualitzar el "tagboard" en la part lateraldel nostre blog.
  
  
  
• 
  
  En un document: "Enviament de missatges", "nova entrada", "modifica l'HTML" i inserirem el codi. Podem ubicar-lo al principi, mig o final d'un text.
  
  
  

APLICACIONS

Aplicació per fer un trencaclosques a partir d'una imatge nostra. Genera el codi per posar al blog

 http://www.jigsawplanet.com/

Aplicació per crear graffittis

 http://www.graffiticreator.net/

Aplicació pre crear un mosaic amb fotos
http://www.andreaplanet.com/





Una altra aplicació per fer mosaics a partir de fotos (cal insta·lació)
http://www.sixdots.de/mosaik/en/



Creació de vinyetes. Història gràfica
http://pixton.com/es/



Historieta gràfica
http://stripgenerator.com/






Historieta gràfica
www.toondoo.com/

MÉS APLICACIONS

Aplicació divertida
http://www.gizmoz.com/



Adoptar una mascota a Blogger
http://bunnyherolabs.com/adopt/

adopt your own virtual pet!

Una altra aplicació
 http://www.slide.com/