SlideShare a Scribd company logo
1 of 8
Tutorial: crear un widget amb Twitter Resources Tutorial: crear un widget amb Twitter Resources
 
 
Profile widget  ens mostra tot el que apareix en TL del compte de Twitter que seleccionem.  Search widget  aquesta selecció, en forma de #hashtag o simplement de paraula (ex: educacio), ens mostra tots els tuits on apareix el hashtag o paraula seleccionada.  Faves widget  ens mostra els tuits que hem seleccionat com a favorits.  List widget  ens mostra els tuits que apareixen en una llista de favorits que hem creat. En el nostre cas proposem seleccionar  Search widget
Introduïm el hashtag #espiralcm en el camp  Search Query.  El títol i ‘caption’ són els títols que apareixeran en la part superior del widget. Omplim les altres opcions de pàgina (Preferences, Appearance i Dimensions). Quan acabem d’emplenar les opcions cliquem sobre  Test settings  per assegurar-nos que funciona bé, un cop comprovat que el widget funciona, cliquem sobre el botó  Finish & Grab Code
Quan ens trobem en aquesta pantalla, si el destí on volem inserir el widget és un blog a Blogger, cliqueu a  Add to Blogger  (és important que el Blogger estigui obert: usuari/password), en cas que el dispositiu on volem que es vegi no és un blog de blogger, copieu el codi que haureu d’enganxar en una pàgina que suporti HTML.
Per aquells que heu seleccionat inserir el widget en un blog de blogger, escolliu el blog (en cas que en tingueu més d’un) del desplegable i cliqueu a  AFEGIR WIDGET
Ens situem en la pestanya de disseny del nostre blog de blogger i posem el widget de Twitter allà on ens sembli més addient. Ho desem i ho visualitzem en el blog. En cas que detectem algun error, corregim els paràmetres de configuració del widget i repetim la operació.

More Related Content

Similar to Tutorial_widget_twitter

Manual de blogger
Manual de bloggerManual de blogger
Manual de bloggerrebe2ka
 
5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estèticmnicolau
 
Tutorialdeliciousie5 090901021840-phpapp02
Tutorialdeliciousie5 090901021840-phpapp02Tutorialdeliciousie5 090901021840-phpapp02
Tutorialdeliciousie5 090901021840-phpapp02ealcaraz3
 
Construcció de pàgines web
Construcció de pàgines webConstrucció de pàgines web
Construcció de pàgines webMarketing per tu
 
Inserir objectes al blog
Inserir objectes al blogInserir objectes al blog
Inserir objectes al blogTeresa Torné
 
Fem un blog de centre (XtecBlocs)
Fem un blog de centre (XtecBlocs)Fem un blog de centre (XtecBlocs)
Fem un blog de centre (XtecBlocs)imma v
 
Cóm Fer Un Blog
Cóm Fer Un BlogCóm Fer Un Blog
Cóm Fer Un Blogmonroelx
 
Wordpress2011 6a sessió
Wordpress2011 6a sessióWordpress2011 6a sessió
Wordpress2011 6a sessióbikendi bikendi
 
Administracio del blog
Administracio del blogAdministracio del blog
Administracio del blogxevisalvador
 
Wordpress Part1
Wordpress Part1Wordpress Part1
Wordpress Part1Retabas
 
Formació Consensus: Incrustar html
Formació Consensus: Incrustar htmlFormació Consensus: Incrustar html
Formació Consensus: Incrustar htmlProjecte Consensus
 

Similar to Tutorial_widget_twitter (16)

Manual de blogger
Manual de bloggerManual de blogger
Manual de blogger
 
5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic5.1.Disseny i aspecte estètic
5.1.Disseny i aspecte estètic
 
wordpress2011 dies 1i2
wordpress2011 dies 1i2wordpress2011 dies 1i2
wordpress2011 dies 1i2
 
Curs de Wordpress avançat
Curs de Wordpress avançatCurs de Wordpress avançat
Curs de Wordpress avançat
 
Tutorialdeliciousie5 090901021840-phpapp02
Tutorialdeliciousie5 090901021840-phpapp02Tutorialdeliciousie5 090901021840-phpapp02
Tutorialdeliciousie5 090901021840-phpapp02
 
Construcció de pàgines web
Construcció de pàgines webConstrucció de pàgines web
Construcció de pàgines web
 
Inserir objectes al blog
Inserir objectes al blogInserir objectes al blog
Inserir objectes al blog
 
Fem un blog de centre (XtecBlocs)
Fem un blog de centre (XtecBlocs)Fem un blog de centre (XtecBlocs)
Fem un blog de centre (XtecBlocs)
 
Tutorial Delicious
Tutorial DeliciousTutorial Delicious
Tutorial Delicious
 
Cóm Fer Un Blog
Cóm Fer Un BlogCóm Fer Un Blog
Cóm Fer Un Blog
 
Wordpress2011 6a sessió
Wordpress2011 6a sessióWordpress2011 6a sessió
Wordpress2011 6a sessió
 
Presentació missatge flash
Presentació missatge flashPresentació missatge flash
Presentació missatge flash
 
Presentació missatge flash
Presentació missatge flashPresentació missatge flash
Presentació missatge flash
 
Administracio del blog
Administracio del blogAdministracio del blog
Administracio del blog
 
Wordpress Part1
Wordpress Part1Wordpress Part1
Wordpress Part1
 
Formació Consensus: Incrustar html
Formació Consensus: Incrustar htmlFormació Consensus: Incrustar html
Formació Consensus: Incrustar html
 

Tutorial_widget_twitter

  • 1. Tutorial: crear un widget amb Twitter Resources Tutorial: crear un widget amb Twitter Resources
  • 2.  
  • 3.  
  • 4. Profile widget ens mostra tot el que apareix en TL del compte de Twitter que seleccionem. Search widget aquesta selecció, en forma de #hashtag o simplement de paraula (ex: educacio), ens mostra tots els tuits on apareix el hashtag o paraula seleccionada. Faves widget ens mostra els tuits que hem seleccionat com a favorits. List widget ens mostra els tuits que apareixen en una llista de favorits que hem creat. En el nostre cas proposem seleccionar Search widget
  • 5. Introduïm el hashtag #espiralcm en el camp Search Query. El títol i ‘caption’ són els títols que apareixeran en la part superior del widget. Omplim les altres opcions de pàgina (Preferences, Appearance i Dimensions). Quan acabem d’emplenar les opcions cliquem sobre Test settings per assegurar-nos que funciona bé, un cop comprovat que el widget funciona, cliquem sobre el botó Finish & Grab Code
  • 6. Quan ens trobem en aquesta pantalla, si el destí on volem inserir el widget és un blog a Blogger, cliqueu a Add to Blogger (és important que el Blogger estigui obert: usuari/password), en cas que el dispositiu on volem que es vegi no és un blog de blogger, copieu el codi que haureu d’enganxar en una pàgina que suporti HTML.
  • 7. Per aquells que heu seleccionat inserir el widget en un blog de blogger, escolliu el blog (en cas que en tingueu més d’un) del desplegable i cliqueu a AFEGIR WIDGET
  • 8. Ens situem en la pestanya de disseny del nostre blog de blogger i posem el widget de Twitter allà on ens sembli més addient. Ho desem i ho visualitzem en el blog. En cas que detectem algun error, corregim els paràmetres de configuració del widget i repetim la operació.