Si volem afegir a la barra lateral del blog el giny “Twitter timeline” perquè apareguin els tuits del nostre perfil de Twitter, hem de seguir els passos següents:
-
Primer de tot hem d’anar a Twitter a crear el giny. Per fer-ho, un cop dins del nostre compte de Twitter accedim a l’opció “Configuració > Widgets”. En el quadre de diàleg que apareixerà a continuació podrem establir les característiques de personalització del giny:
- En fer clic al botó “Crea un giny”, haurem creat el giny que podrà ser inserit en el blog.
- Tornem al nostre blog i des de l’opció “Ginys” de l’apartat “Aparença” del tauler de l’administrador, arrosseguem el giny “Twitter timeline” cap a la barra lateral del blog.
-
Les opcions de configuració del giny ens permetran personalitzar-lo:
- Title : permet pesonalitzar el títol del giny; per exemple podríem escriure “Darrers tuits…”
- Width : podem especificar una amplada específica (en píxels). Si no escrivim res, el giny ocuparà l’amaplada disponible en la nostra barra lateral.
- Height : especifiquem aquí l’alçada del giny. Per defecte són 400 píxels la qual cosa permet mostrar uns 2 o 3 tuits, la resta es poden veure perquè apareix una barra de desplaçament horitzontal.
-
Widget ID
: és el número que identifica el giny amb Twitter. Per saber quin és aquest número, des del compte de Twitter, opció “Configuració > Widgets”, editem el giny creat i copiem el número que apareix a la URL: https://twitter.com/settings/widgets/
??????
/edit.
(En aquest exemple, hem substituït els números per signes d’interrogació.) - Layout Options : marquem o desmarquem les opcions d’aquest apartat per aconseguir el format que més ens interessi. El millor és desar la configuració del giny marcant i desmarcant fins que trobem l’aspecte que ens sembli més adient per al nostre blog.
- Link Color i Border Color : per canviar el color dels enllaços i la seva vora, podem introduir aquí el codi hexadecimal del color que ens interessi. (Per saber el codi hexadecimal que li correspon a cada color, podeu consultar: http://html-color-codes.info/codigos-de-colores-hexadecimales )
- Timeline Theme : dos temes possibles a escollir: fosc o clar. Escollirem el que millor s’adapti al disseny del nostre blog.
- Clic al botó “Desa” per finalitzar el procés.