Curs de Blog

Color Scheme Designer

noreply@blogger.com (E Bosch) — Fri, 27 Apr 2012 14:25:00 +0000

El web de Color Scheme Designer

Quan tinguem dubtes sobre quins colors usar en el blog, podem recórrer a aquesta eina online que ens permet seleccionar diferents combinacions de colors i visualitzar-les en una simulació.

Text canviant en el blog

noreply@blogger.com (E Bosch) — Tue, 13 Mar 2012 21:28:00 +0000

Amb un senzill script podem posar diverses cites en una mateixa caixa de text a la nostra columna de gadgeds. Les cites aniran canviant cada cert temps. Substituirem "Text1" per la frase que volguem posar i "Autor1" pel nom de l'autor corresponent. Procedirem de la mateixa manera per cada nova cita i, si en volem posar més, només caldrà afegir noves línies: frases [5]; frases [6]; etc.

Tinguem en compte que el temps queda expressat en milèssimes de segon. En aquest cas, 15000. Si volem que vagi més lent o més ràpid, només haurem de modificar aquesta xifra.
L'script s'ajusta automàticament a la columna lateral i en podem modificar l'alçada modificant el paràmetre "height".

0to255, colors pel blog

noreply@blogger.com (E Bosch) — Fri, 09 Sep 2011 09:12:00 +0000

0to255 És una altra de les aplicacions online que ens faciliten la tasca de buscar quin és el codi del color que volem.

Lloc web de 0to255

El seu funcionament és molt senzill i intuïtiu. Seleccionem un color de les mostres que ens ofereixen (o bé introduïm un codi en l'opció “pick a color”), tot seguit, ens mostrarà un llistat amb tots els matisos d'aquest color.

En seleccionar un dels colors d'aquest llistat, el codi hexadecimal d'aquest color es copiarà directament en el nostre portapapers per la seva posterior utilització.

Font: Todo Blogger

Protegir les imatges del blog

noreply@blogger.com (E Bosch) — Wed, 31 Aug 2011 12:24:00 +0000

No es possible impedir que algú pugui copiar les imatges que publiquem al nostre blog.
Sempre que mostrem una imatge, la URL quedarà registrada als arxius temporals.
Tampoc podem impedir que es faci una captura de pantalla.

Però, amb un senzill codi, posarem les coses una mica més complicades:

Inserim la URL de la nostra imatge entre les cometes
Amb això impedirem activar el botó dret de l'usuari si aquest vol desar la nostra imatge al seu disc dur.
Aquest és el resultat:

Sempre és recomanable que protegim les imatges amb una "Llicència Creative Commons"

Color Chooser

noreply@blogger.com (E Bosch) — Thu, 30 Jun 2011 13:22:00 +0000

Color Chooser

Color Chooser de aBowman és un gadget que podem afegir a la nostra pàgina de iGoogle. Molt útil si desitgem canviar els colors del nostre blog.
Es tracta d’una petita eina molt manejable que ens permet escollir un color d’un senzill selector. Un cop tinguem el color desitjat només cal copiar-ne el codi de la caixa de text.
Per mitjà de la tecla "Save" podem guardar fins a 10 colors per a la seva posterior utilització.
Amb els controls de colissa, també funciona com a convertidor de color RGB a Hex o Hex a RGB.

Per instalar-lo a la pàgina principal de iGoogle només hem d’anar a l’adreça de Color Chooser i fer un clic a sobre de “Add to iGoogle”.

Ergonomia i portàtils

noreply@blogger.com (E Bosch) — Tue, 17 May 2011 15:12:00 +0000

Vodafone ens mostra quina és la postura correcta quan treballem amb un portàtil.

A casa:

De viatge:

Google Alertes, informació a la carta

noreply@blogger.com (E Bosch) — Sat, 07 May 2011 08:40:00 +0000

Google Alertes

Des de Google Alertes, rebrem per correu electrònic articles o notícies online que coincideixen amb els temes que haurem especificat previament.
Hem d'Introduir el tema que ens interessa i pressionar sobre " Previsualitza els resultats" per tenir una idea del tipus de continguts que estem seleccionant.
Després configurem els diferents filtres i introduïm l'adreça de correu en la qual desitgem rebre les alertes.

Imageoid, retoc d'imatges en línia

noreply@blogger.com (E Bosch) — Sat, 30 Apr 2011 18:55:00 +0000

Lloc web d'Imageoid

Amb Imageoid podem redimensionar, rotar i aplicar diversos filtres a les nostres imatges. En el moment de redactar aquesta entrada, l'aplicació es presenta en format beta i en seu lloc web ens prometen més funcions ben aviat. És fàcil d'usar, encara que, de moment, una mica limitada.

Font: Geek's room

iaza, editar imatges online

noreply@blogger.com (E Bosch) — Fri, 22 Apr 2011 14:33:00 +0000

Pàgina web de iaza

Iaza és un editor d'imatges en línia, molt fàcil d'utilitzar i bastant complet.
Pots triar l'idioma. Disposa de moltes eines d'edició i varietat de filtres. No és un Photoshop, però resulta ideal per a la conversió i la manipulació ràpida d'imatges. Per desfer l'última acció, has de tornar a la pàgina anterior per mitjà de la fletxa de reculada del navegador.

Puges la teva imatge i ja pots començar.

Font: Geek’s Room

Google Docs, ofimàtica en línia

noreply@blogger.com (E Bosch) — Wed, 13 Apr 2011 10:20:00 +0000

Google Docs és una senzilla i potent suite ofimàtica gratuïta en línia.

Podem crear nous documents, editar els que ja tenim, pujar arxius del nostre ordinador i compartir-los en internet.
Els documents s'emmagatzemen en línia i podem accedir-hi des de qualsevol ordinador amb connexió a internet.

Permet la creació de sis elements diferents:
Document (document de text).
Presentació (diapositives).
Full de càlcul.
Formulari (per recollir informació d'altres usuaris).
Dibuix (gràfics i diagrames).
Carpeta (per organitzar elements).

AulaClic ofereix un curs gratuït molt complert, amb exercicis, videotutorials i avaluacions per aprendre a utilitzar Google Docs:

Curs de Google Docs a AulaClic

Scribd, per compartir documents

noreply@blogger.com (E Bosch) — Mon, 11 Apr 2011 20:14:00 +0000

Scribd és una plataforma digital que ofereix una eina col·laborativa que permet pujar, mostrar i compartir documents a internet.
Podem allotjar documents de diferents formats com word, excel, pdf, ppt, etc.
Scribd els converteix al seu propi format Flaix i ens subministra un codi per poder inserir el document creat en el nostre blog.

Web de Scribd

Més informació a Redes Sociales
Tutorial Scribd

Photoshop Digital Matte Painting - Techniques Tutorials and Walk-Throughs

Prezi, presentacions online

noreply@blogger.com (E Bosch) — Mon, 11 Apr 2011 17:05:00 +0000

Prezi és una plataforma digital que ens permet elaborar, desar, executar i compartir presentacions en línia.
Per utilitzar aquest servei, tenim diferents opcions entre les quals la “Pública” és gratuita. Ens hem de registrar com a usuaris i renovar el registre anualment.

Web de Prezi

Per saber-ne més: Observatorio tecnológico
Tutorials avançat i bàsic sobre Prezi per Dolors Reig
Aprendre Prezi (en anglès)

Fotografies d'Alt Rang Dinàmic

noreply@blogger.com (Curs de Blog) — Wed, 30 Mar 2011 17:50:00 +0000

L'Alt Rang Dinàmic (HDR) és un conjunt de tècniques que ens permet transformar les nostres fotografies en imatges impactants.

Si ens volem estalviar totes les passes necessàries per fer-ho a l’ordinador, podem recorrer a CreateHDR, que és una senzilla eina online que ens permet pujar la imatge des del nostre PC i (si ho desitgem) ajustar alguns paràmetres per aconseguir el mateix efecte.

L’article “High dynamic range” a la Wikipedia ens proporciona enllaços a programes gratuïts i guies per aconseguir aquest efecte amb Photoshop.

Diego Mattei publica un excel·lent tutorial per aconseguir l’efecte HDR amb poques passes al Photoshop.

Font: La Bloguería

Issuu, plataforma de publicació digital

noreply@blogger.com (Curs de Blog) — Sun, 27 Mar 2011 18:11:00 +0000

Issuu és una plataforma de publicació digital de documents tancats (revistes, catàlegs, monogràfics, etc.)

Web de Issu

Admet documents en molts formats (PDF, DOC, PPT, RTF, WPD i d’altres, de menys de 500 pàgines i 100mb).Per publicar en Issuu només cal registrar-se i pujar el document. Un cop descarregat un servei de conversió automàtic el prepara per a la publicació en Issuu. Ademés del servei gratuit (amb certes limitacions), Issu ofereix un compte “Pro” de pagament sense limitacions.

Open publication - Free publishing - More art

Publicar amb FeedBurner

noreply@blogger.com (E Bosch) — Sun, 27 Mar 2011 05:42:00 +0000

Una de les maneres de facilitar la lectura del nostre blog consisteix a oferir als nostres visitants, la subscripció al FEED.

Això vindria a ser com que et duguin el diari a casa en lloc d'haver d'anar-lo a buscar al quiosc.

Blogger gestiona els continguts dels nostres blogs amb Atom: http://.feed://elteublog.blogspot.com/feeds/posts/default.
Però Atom té algunes limitacions, per exemple, no podem accedir a les estadístiques de subscripció al nostre blog. Això, a llarg termini, pot suposar un inconvenient ja que, amb el temps el feed adquireix més protagonisme que el propi blog.

FeedBurner ofereix millors serveis per a l'usuari i s'ha convertit en l'estàndard per a la gestió del feed.

Per registrar-nos en FeedBurner i donar-nos d'alta del nostre blog, haurem de procedir de la següent manera:

1. Anem a la pàgina de FeedBurner, podem canviar de llengua en l'opció “Languages”. Després anem a “Registrarse” i introduïm les nostres dades, marcarem "Soy un podcaster" si fem servir continguts multimèdia al nostre blog.

2. Ens farà triar un dels dos feeds que té el nostre blog per defecte, Atom o RSS. És indiferent.

3. A continuació, introduïm el títol del blog, i introduïm un nom, que marcarà l'adreça del nostre feed que serà alguna cosa del tipus: http://feeds.feedburner.com/elteublog. Una vegada introduït el feed, premem “Activar feed”.

4. Ens avisarà que hem de redirigir el feed del nostre blog a FeedBurner. Per a això anirem al nostre panell de blogger i obrirem la pestanya “Configuració”.

5. A continuació, triem la subpestanya “Canal del lloc web”, i en l'opció “Publicar URL redireccionada del feed”, copiem la URL del feed de FeedBurner que acabem de crear. Serà alguna cosa semblat a: http://feeds.feedburner.com/elteublog.

6. Després podrem obtenir els codis per oferir als nostres lectors la subscripció via lector de feeds o bé via correu electrònic.

7. Amb aquest codi, ja podem inserir els gadgeds HTML en el nostre blog.

Seguir un blog

noreply@blogger.com (Curs de Blog) — Fri, 25 Mar 2011 10:15:00 +0000

Quan descobrim algun blog que ens interessa especialment, podem seguir-lo sense necessitat d'entrar en ell cada vegada que vulguem comprovar si han estat actualitzats els continguts.Hi ha diferents maneres de fer-ho.

Formes passives (són les que ens facilita el propi autor del blog a partir dels gadgeds que inclou en el seu blog):

1. Ens fem seguidors registrant-nos en el gadged que gairebé tots els blogs inclouen en la seva columna lateral. Podrem llegir els continguts de tots aquells blogs dels quals som seguidors des del nostre tauler de Blogger. Just sota la nostra llista de Blogs, apareix la "Llista de lectures".
En aquells blogs que no hagin eliminat la barra de Blogger, també podem fer-nos seguidors, prement a sobre de la paraula "Segueix" a l'esquerra de la barra.

2. Si l'autor inclou el gadged de subscripció a escrits i comentaris, podrem llegir allò que haguem subscrit a la nostra pàgina de iGoogle. Aquesta opció resulta pràctica si només volem seguir un o dos blogs. A mesura que augmenta la llista de blogs a seguir, la pàgina de iGoogle es va omplint de finestretes que acaben convertint el seguiment en una tasca complicada.

3. A partir del FEED. Quan trobem la icona del FEED en un blog, podem pressionar sobre ella. S’obrirà una finestra en la qual ens demanaran si desitgem subscriure aquest FEED i amb quin lector de FEED desitgem fer-ho. Triem el lector desitjat i, a partir d'aquest moment, podrem llegir els continguts tan bon punt s'actualitzin des de la pàgina del lector que haguem escollit.

Forma activa:

Una altra manera de seguir un blog, consisteix simplement a copiar l'adreça de la seva pàgina principal i inserir-la en la casella corresponent a "nova subscripció" del nostre lector de FEED. Per a això necessitem entrar en algun dels molts lectors de FEED existents i registrar-nos com a usuari. Google ofereix el servei "Google Reader" que s'integra perfectament en el conjunt d'aplicacions Google que formen part del nostre compte.

Correu electrònic amb imatge

noreply@blogger.com (Curs de Blog) — Thu, 24 Mar 2011 07:03:00 +0000

Si desitgem que els nostres lectors puguin contactar amb nosaltres a través del correu electrònic, procurarem no escriure la nostra adreça.

Per evitar l’spam, enllaçarem una imatge perquè quan els nostres lectors facin un clic sobre aquesta imatge, s'obri directament un missatge nou del programa de correu electrònic predeterminat dels nostres lectors.

Buscarem o crearem una imatge adequada (pot ser una icona de les que s'ofereixen gratuïtament a la xarxa).

La penjarem en un servei d'allotjament d'imatges i localitzarem la URL de la imatge (si tens problemes per localitzar-la, simplement obre les propietats de la imatge amb el botó dret del ratolí i selecciona la URL).
Després inserirem el següent codi en un gadged HTML:

Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic.
Substituirem el text “URL DE LA IMATGE” per la URL corresponent a la imatge.
Ajustarem l'amplada de la imatge sempre tenint en compte que no sigui més gran que la de la imatge original (l'alçada s'ajustarà proporcionalment).
Si ho desitgem, podem incloure un text emergent en “title”.

Aquest és el resultat:

Si volem fer el mateix però sense incloure una imatge, senzillament escriurem aquesta instrucció:

Substituirem el text “LA NOSTRA ADREÇA” per la nostra adreça de correu electrònic i ja està fet.

ENVIAR UN CORREU

Enllaçar documents en el blog

noreply@blogger.com (Curs de Blog) — Wed, 16 Mar 2011 17:40:00 +0000

De moment, Blogger no contempla la possiblitat de pujar documents al blog. Si volem que els nostres lectors vegin un PDF o bé un DOC o un PPT que haguem vist a internet, haurem de fer el mateix que fem amb qualsevol altre enllaç.

Localitzarem la URL (adreça a internet) del document que volem enllaçar i crearem un enllaç d'aquest estil:

Crear un blog en Blogger per Alejandro Valero [PDF]

Si el que volem és mostrar un document que tenim al disc dur, l'aurem d'allotjar en algun dels molts serveis que ofereixen allotjament d'arxius.

Haurem d'estar atents al pes màxim autoritzat i també al periode d'expiració de l'allotjament.

Google ofereix "Google Docs". Hi podreu accedir des de la "Configuració del compte de Google".

A sota de tot, on diu "Proveu alguna cosa mes", premerem l'enllaç "Mes »" i accedirem a "Google Docs".

Un cop allí podrem allotjar els nostres documents i triar la opció de compartir-los a internet. Això ens permetrà accedir a la URL del document que podrem utlitzar posteriorment per crear l'enllaç des del nostre blog.

Canviar la plantilla

noreply@blogger.com (Curs de Blog) — Thu, 10 Mar 2011 17:04:00 +0000

Canviar la plantilla del nostre blog no és gens complicat. Quan descarreguem d'algun web una plantilla que ens agradi, tindrem un arxius XML. Per exemple: Nova-Plantilla.xml
Tot seguit anirem a la pestanya "Modifica HTML" del nostre blog i exportarem la plantilla actual. D'aquesta manera, la podrem recuperar sempre que ho desitgem.

Després, premerem sobre el botó "Examinar" (1) i cercarem al nostre disc dur l'arxiu Nova-Plantilla.xml
Carregarem l'arxiu seleccionat (2) i ja tindrem instal·lada la nova plantilla.

Ens demanarà si volem conservar els widgets actuals. Direm que si, o que no, segons ens interessi. El problema és que pot ser que ens haguem quedat sense el contingut dels gadgets antics en la nova plantilla. Per resoldre això, els haurem d'importar a mà si en tenim pocs. Ho farem des de la pestanya de disseny.
Però si tenim molts gadgets, resultarà una feina ferragosa.

Tenim una opció diferent: ABANS d'nstal·lar la nova plantilla, cercarem en la nostra plantilla la part del códi que correspòn als widgets.

1. A la pestanya "Modifica HTML" y sense expandir la plantilla de widgets, localitzarem aquesta línea:

Sota aquesta línia veurem el codi corresponent als widgets (o gadgeds) situats en la sidebar (en aquest cas, a la primera de les diverses sidebars), s'assemblarà a això:

Els podrem identificar fàcilment pel tìtol que els hem donat.

2. Copiem el codi sencer de tots els widgets y els posarem al "Bloc de notes".

3. Ara importarem la nova plantilla i ens situarem en la mateixa línia que haviem cercat abans. Enganxarem el codi que teníem guardat en el nostre bloc de notes.

Sempre entre les línies:

i

Que indica el tancament de la secció del codi corresponent a cada sidebar.

Ho veurem així:

4. Desarem els canvis. Si tenim més widgets fora de la sidebar, els colocarem tots junts en la zona de la sidebar des del disseny del blog, abans d'obrir l'HTML de la plantilla. Un cop copiats, els podrem tornar a posar al lloc on eren abans des de la pestanya de disseny

Instal·lar la plantilla amb "copiar y enganxar".

Hi ha pàgines que ofereixen el codi de les plantilles en format TXT.
En aquest cas marcarem la opción "Expandir plantilles de widgets" i procedirem de la següent manera:
Seleccionarem el codi sencer de la plantilla actual. L'eliminarem i col·locarem el nou codi. Anirem a "Visualització prèvia" abans de desar els canvis.

Caixa de text

noreply@blogger.com (Curs de Blog) — Sun, 20 Feb 2011 18:00:00 +0000

Podem emmarcar un text que volguem destacar col·locant aquest codi en l'editor de les nostres entrades:

Aquest seria el resultat:

AQUÍ ESCRIUREM EL TEXT QUE VOLEM EMMARCAR

La caixa de text adaptarà l'alçada al nombre de línies de text
Podem modificar la llargada o el gruix de les línies, posant les xifres que ens convinguin. Tindrem en compte que "padding" fa referència a la distància del text respecte de les línies.
També podem modificar l'aliniació del text canviant text-align: "center" per "left" o right".
Si volem canviar els colors, modificarem el codi de colors de "border" per les línes i de "background" pel fons.

Inserir una línia horitzontal

noreply@blogger.com (E Bosch) — Sun, 20 Feb 2011 15:49:00 +0000

Podem inserir una línia horitzontal en el nostre blog per separar textos o elements del blog.
La línia s'adapta automàticament a l'espai en el qual la inserim.
Usarem aquest codi:

Ho veurem d'aquesta manera:

Podem canviar el color o el gruix modificant el codi:

Aquest és el resultat:

Si la volem més curta, hem d'indicar la mesura d'aquesta manera:

Aquest és el resultat:

També podem fer una línia de punts:

Que veurem així:

Si en posem dos seguits consiguim un efecte de doble línia:

Que queda així:

Podem usar dues línies seguides per destacar un text:

Quedarà d'aquesta manera:

Entre tots dos codis, escriurem el text que volem destacar

Links en finestra nova

noreply@blogger.com (E Bosch) — Sun, 20 Feb 2011 12:02:00 +0000

Els "Links" són enllaços que posem al nostre blog per tal de permetre els nostres lectors d'accedir directament a altres blogs o webs.
La majoria d'enllaços dels "gadgets" de Blogger s'obren en una nova finestra del nostre navegador. Els enllaços que nosaltres posem a les entrades, però, s'obren dins la mateixa pàgina. Això passa perquè Blogger considera que és més probable que els enllaços a les entrades facin referència a altres entrades del nostre blog.
Si volem posar enllaços a les nostres entrades que s'obrin en una finestra nova del navegador, podem fer servir un codi HTML molt senzill.

Anirem a la pestanya "modifica l'HTML" del nostre editor d'entrades.
Allà on haguem enllaçat un text o una imatge, veurem un codi semblant a aquest:

En aquest cas hem posat un ellaça a "Vikipèdia".

Afegirem el següent codi just després de l'adreça que volem enllaçar:

I aquest seria el resultat:

Vikipèdia

Ocultar la barra de navegació de Blogger

noreply@blogger.com (E Bosch) — Sat, 19 Feb 2011 23:06:00 +0000

La barra de navegació de Blogger (Navbar) ens permet accedir a l'editor d'entrades, al disseny o a la fitxa de registre del nostre compte de Google. Però si preferim ocultar-la i usar l'eina d'edició per tenir accés a totes les funcions de Blogger, hem de procedir de la següent manera:

Anirem al disseny del nostre blog i obrirem la pestanya de "edició html". Tindrem molta cura de no escriure res en el CSS de la plantilla. Posarem el cursor en qualsevol part del text i, si estem en Windows, teclejarem "ctrl + F" (en Mac seria "cmd + F"). Inserirem aquest text en la casella de recerca:

Ho busquem en la plantilla i col·loquem just abans d'aquesta línia, el següent codi CSS:

Mirarem la visualització prèvia abans de desar els canvis.

CONSULTES I COMENTARIS

noreply@blogger.com (Curs de Blog) — Tue, 01 Feb 2011 12:24:00 +0000

Aquí podeu deixar les vostres consultes o aportar les vostres troballes.

Abans de començar

noreply@blogger.com (E Bosch) — Thu, 30 Dec 2010 14:15:00 +0000

Planifica el teu blog. Pensa per a què el vols. Quin tipus de continguts vols publicar. Quins seran els teus lectors. Tot això t'ajudarà a organitzar-lo de manera adequada.

Apunta en un paper tot allò que creguis que hauria de contenir el teu blog. Això et permetrà triar la plantilla més adequada a les teves necessitats. Encara que quan hagis començat a publicar, pots modificar-lo, és molt important començar amb les idees molt clares, això t'evitarà haver de realitzar canvis incòmodes sobre la marxa.

Visita altres blogs. Observa la disposició dels diferents elements. Fixa't en les coses que et semblen positives i en aquelles que et semblen negatives. Pren notes.

Pensa en el nom que li posaràs al teu blog. Busca un nom que orienti sobre els continguts. El més curt possible. Que sigui fàcil de recordar.

Anota diverses opcions en un paper. És interessant (encara que no imprescindible) que l'adreça del teu blog coincideixi amb el nom del mateix. Si l'opció que et sembla millor ja ha estat utilitzada, tindràs altres possibilitats estudiades i no hauràs d'improvisar sobre la marxa. Exemple: Si titules el teu blog com "El meu Blog", l'adreça podria ser "elmeublog.blogspot.com".