Tutorial 2c. La inserció dels gadgets laterals amb Blogger

Els ginys laterals que es proposen fer són els següents:

  • Giny de contacte amb la biblioteca
  • Giny d'enllaços a les web del centre
  • Giny d'enllaços d'interès
  • Giny d'accés al catàleg ePèrgam de cada centre
  • Giny de Creative Commons
  • Giny amb la imatge del Departament d'Ensenyament
  • Altres gadgets

1. Com fer el gadget: Contacta amb la biblioteca


  • Aneu al Tauler, cliqueu a Disseny i trieu Afegir un gadget.



  • S’obrirà una finestra com la següent. Trieu Més gadgets de Google i us apareixerà el del Formulari de contacte. Seleccioneu-lo.


  • Ompliu amb el títol que vulgueu i deseu els canvis



  • En acabar cliqueu a Desa la disposició


2. Com fer els gadgets: Enllaços del centre i enllaços d’interès.

Recordeu que és aconsellable oferir els enllaços del centre agrupats en un mateix gadget i, en un altre, posar-ne els enllaços d’interès que voleu destacar.



Torneu a Disseny i trieu Afegir un gadget (Com en l’anterior)

Seleccioneu el gadget Llista d’enllaços (cap al final de la llista)



Poseu el nom del gadget, per exemple "Enllaços del centre" i ompliu amb les dades del primer enllaç com indica l’exemple en la imatge següent i premeu Afegeix un enllaç. A continuació, aneu afegint els enllaços que vulgueu i, quan hàgiu acabat, premeu el botó Desa.




3. Inserció de la resta de gadgets

  • El procés és exactament el mateix. Els gadgets més usats són els següents:
    • Quadre de cerca
    • Arxiu del blog
    • Estadístiques del blog
    • Traductor de Google
    • Dades del perfil
  • Hi ha gadgets que solament els podem incloure un sol cop, però hi ha d’altres, com els gadgets de text o d’imatge, que els podem inserir més vegades.




4. Com inserir una imatge en un gadget



  • Trieu el gadget Imatge



  • Configureu-lo:
    • Títol. En cas d’aquest exemple: Cerqueu al catàleg
    • Llegenda: No és obligatori
    • Enllaç: Si volem posar un vincle a la imatge. En aquest cas posarem la URL de l’epèrgam de la nostra biblioteca.
    • Imatge: És millor que la pugem des del nostre ordinador, per tant seleccionarem la imatge des d’una carpeta que tinguem a l’ordinador o al "llapis"
    • Marcarem Redueix fins ajustar si la imatge és massa gran
    • Desa


  • Obtenció de l'enllaç a l'ePèrgam del centre des del web del Programa
  El podem aconseguir des de l'entorn de consulta del web de l'ePèrgam.
  • Accediu a l'entorn de consulta del web del Programa i seleccioneu el tipus de centre.
  • Cliqueu a les tecles Control+F i s'obrirà una finestra en el vostre navegador.
  • Introduïu el nom del centre i quedarà destacat en color.
  • Situeu el ratolí sobre el nom del centre i cliqueu amb el botó dret del ratolí.
  • Seleccioneu, del desplegable, Copia l'enllaç o un missatge similar.

[[http://xtec.gencat.cat/ca/projectes/biblioteca/epergam/entorn-consulta]]


5. Com inserir un text en un gadget. Exemple per fer el gadget de Creative Commons.



  • Torneu al blog i cliqueu Format | Afegeix un gadget
  • Trieu un gadget de Text
  • Escriviu el títol i, prement sobre Modifica l’Html i, apareixerà una pantalla igual però dirà Text enriquit



  • Enganxeu en Contingut el codi embed que heu copiat . Cura que hem de veure Text enriquit.


  • Si premeu un altre cop Text enriquit tornarem al mode edició i veurem Modifica Html i podrem visualizar el que hem escrit en codi:



El mòdul 4 d’aquest curs ofereix més informació sobre les diferents llicències Creative Commons.


6. Com inserir la imatge del Departament d'Educació

* Descarregueu aquesta imatge del Departament clicant a sobre amb el botó dret del ratolí i guardeu-la al vostre ordinador.


  • Aneu a Format | Afegeix un gadget i seleccioneu gadget ìmatge.


  • Configureu-lo:

Feu constar aquests paràmetres:

 Títol: Titularitat
 Llegenda: No és obligatori
 Enllaç: En aquest cas posarem la URL de la web del Departament d'Educació
 Imatge: Seleccionarem el logotip que acabem de descarregar
 Cal marcar la casella **Redueix fins ajustar** 
 No oblideu de prémer el botó **Desa**