Un cop acabada l'estructura del blog, la publicació de continguts s'ha de fer mitjançant la creació articles.

En aquest tutorial s'explicarà el següent:

1. Creació d'un article
2. Com inserir imatges dins de l'article
3. Com inserir un enllaç web dins de la imatge
4. Com inserir un enllaç de correu electrònic dins de la imatge
5. Com inserir vídeos de Youtube en un article
6. Com inserir formularis dins d'una pàgina

• Des de l’entorn de Tauler premeu Entrada nova o la icona del llapis.

• Escriviu el títol, el contingut i assigneu les etiquetes relacionades amb l’article.

• Si ja heu introduït, prèviament, les etiquetes a l’aplicació, només caldrà seleccionar-les. D’aquesta manera ens estalviem errades en l’escriptura.

• L’entorn d’edició de l’article mostra les eines d’edició, similar a qualsevol tractament de text. També el de la inserció d’enllaços en el text o en les imatges, com després veurem. També mostra la possibilitat d’entrar en el codi html i modificar-ne alguna part, si en sabem.

• Caldrà configurar els diferents paràmetres.

• Cliqueu sobre la icona de la imatge.

• Seleccioneu el lloc on teniu la imatge que voleu inserir.

• Si seleccionem l’opció Des de l'Arxiu d'Àlbums de Google, les fotos quedaran inserides una darrere de l’altra, com l’exemple:

• Premeu Fet a l’opció que hàgiu modificat i en acabar premeu Publica. Si solament premeu Desa, l’article es quedarà en esborrany i no es veurà en el blog.

Un cop ja tenim la imatge en l’article, si volem inserir-li un enllaç que, en clicar-la, enviï els usuaris a un altre lloc web, procedirem així:

• Seleccioneu la imatge clicant-hi a sobre i veureu que s'hi enfosqueix. A continuació seleccionarem Enllaç i s’obrirà aquesta finestra.

• Omplirem els camps que indica:
  • Títol que es visualitzarà: És opcional, però s’aconsella que ompliu aquest camp perquè ajuda a l’accessibilitat de les persones amb discapacitats visuals.
  • Enllaç web: Escriurem l’enllaç web de destinació. En el cas de l’epèrgam escriurem
    

            http://aplitic.xtec.cat/epergam/web/biblioteca.jsp?codi=xxxxxxxx
                   Heu de canviar les xxxxxxxx pel codi del centre.

• Seleccioneu la casella Obre aquest enllaç en una finestra nova i premeu D’acord.

• Publiqueu l’article i comproveu que efectivament la imatge té l’enllaç inserit.

S’ha de procedir de forma similar a la inserció d’un enllaç web, però en el menú desplegable que s’obre omplirem l’adreça de correu electrònic.

• Cliqueu sobre la icona de vídeo.

• Seleccioneu la ubicació del vídeo, en aquest cas, Des de YouTube. També permet pujar vídeos des del telèfon i des de la càmera.

• Només caldrà clicar sobre el vídeo i prémer el botó Selecciona i quedarà inserit.

Potser les mides de visualització que ofereix per defecte YouTube són una mica petites. Caldrà doncs, entrar al codi HTML de l’article i modificar-les. Les mides que se solen usar en els blogs són: width: 420 px. x height: 315 px.

El codi que inserim serà similar a aquest, i les mides que haurem de canviar són les que s’indiquen en vermell:

• Caldrà prémer Actualitza o Publica per publicar l’article.

Podem fer formularis per preguntar diferents qüestions al llarg del curs:

• Per recollir les desiderates dels usuaris.
• Per saber els seus gustos lectors.
• Per rebre suggeriments, etc.

El procediment és obrir un formulari amb el Google Drive i després inserir-lo en una pàgina estàtica del blog i, fins i tot, el podem inserir en un gadget de text en un lateral, si li canviem la mida.

• Amb el compte de correu gmail de la biblioteca o el compte XTEC del centre aneu a Drive i cliqueu sobre Nou i seleccioneu Formularis de Google del menú que es desplegui.

• Abans d'editar-lo caldrà desmarcar l’opció Restringeix als usuaris del domini XTEC - Xarxa Telemàtica Educativa de Catalunya en cas que estigui activada. Per això heu de prémer la rodeta de configuració i desmarcar l'opció quan s'obri el menú desplegable.

• Creeu totes les preguntes i premeu Fet a cada pregunta.

• Quan tingueu el formulari acabat, caldrà configurar el missatge que es mostrarà als usuaris un cop hagin enviat el formulari (pàgina de confirmació). Per exemple:

                         "Gràcies. El seu missatge s'ha enviat correctament" o 
                         "Les vostres dades s’han rebut correctament". 
  

Per fer-ho cal clicar a sobre la rodeta i seleccionar Presentació en el menú que s'obre. Podeu desar el missatge que surt per defecte, o escriure el que us interessi més.Caldrà desmarcar Mostra un enllaç per enviar una altra resposta.

• Un cop acabat de dissenyar el formulari premeu Envia el formulari i en la següent finestra premeu <> per obtenir el codi embed. Copieu el codi HTML que apreix clicant amb el botó esquerre del ratolí a sobre de Copia. Podeu canviar primer la mira del formulari.

• Copieu el codi embed del vostre formulari i inseriu-lo a la pàgina del blog que heu triat.

• Si voleu inserir-lo en un giny o gadget lateral de Text, caldrà modificar-ne l’amplada i l’alçada. En els gadgets laterals les mides solen ser: width 300 i height 200, però dependrà del contingut del formulari.

• Ara caldrà configurar el formulari per tal de rebre les respostes directament al nostre correu:

• 1. Des d'edició del formulari cal clicar a Respostes i clicar a la icona de color verd anomenat Mostra les respostes en fulls de càlcul. Hem de seleccionar En un formulari nou. No ens oblidem d'activar la funció S'accepten respostes.

• 2. En la pantalla següent cal clicar a Eines i seleccionar Regles de notificació

• 3. Solament caldrà seleccionar com volem rebre les respostes i guardar els canvis