Vejledning til widgets på din blog
En widget er en lille programkodestump der henter information fra en service på nettet og viser den et andet sted, f.eks på en hjemmeside eller en blog. Nogle af de sider vi har kigget på allerede giver mulighed for det. Dvs. de har sådanne små kodestumper liggende som kan kopieres og sættes ind på ens egen side eller blog. Det gælder f.eks Librarything og Meebo som vi kender fra sidste uges 23ting.
Ved at lægge en Librarything-widget eller en Meebo-widget på sin blog, giver man besøgende mulighed for at se ens virtuelle Librarything-boghylde eller sende én chatbeskeder direkte fra bloggen uden at de besøgende selv behøver have en meebokonto. Hvis du vil se et eksempel på hvordan en Meebo-widget ser ud, kan du kigge på Randersbibliotekernes hjemmeside. Deres chatfunktion i højre side af skærmbilledet er nemlig en Meebo-widget: www.randersbib.dk
I den følgende vejledning gennemgåes hvordan man lægger først en Librarything-widget og dernæst en meebo-widget på sin blogger.com weblog.
For at gøre det lidt nemmere er det smart at du starter med at have to browservinduer åbne. I den ene åbner du Librarything eller Meebo og i den anden åbner du administrationssiden af din blog (www.blogger.com - log ind med googlekontooplysninger - Vælg "Vis Blog")
NB! Hvordan man får fat i den kodestump, der skal lægges ind i bloggen kommer an på den enkelte service, men måden man henter kodestumperne ind i sin Blogger.com blog på er altid den samme.
Her kommer først en trin-for-trin vejledning til hvordan man får en Librarything-widget på sin blog:
1) Start på www.dk.librarything.com og log på. Vælg dernæst fanebladet Værktøjer. Øverst på siden ligger der to forskellige typer widgets. Du kan prøve dem begge to, hvis du har lyst, men her vælger vi i første omgang at lave en standard-blogwidget. Klik på den.
2) Nu kan du vælge hvilke typer af information din widget skal vise på din blog og hvordan. Leg bare løs med de forskellige muligheder. Ved at klikke på "Se det"-knappen (Make it, hvis du bruger den engelske version), kan du hele tiden, i vinduet øverst til højre, se hvad dine valg betyder for den måde din widget vil komme til at se ud på. Når den ser ud sådan som du gerne vil have den er du klar til at kopiere den kodestump du skal lægge på din blog.
3) I vinduet til højre er der også en rude med kode. Det er den du skal bruge. Kopier hele indholdet. Brug gerne genvejstasterne: Klik et sted i koderuden og marker alt med Ctrl + a, og kopier med Ctrl + C. Så er du sikker på at du får det hele med.
4) Nu går du over i det andet browservindue, med din egen blog. Du skal nu åbne for den funktion der giver dig adgang til at organisere din blogs sideelementer. Den finder du enten via et link, der hedder Layout, i dit betjeningspanel, eller som et af de store faneblade når du er inde i den del af systemet, hvor du også kan skrive nye indlæg.
5) I Layout eller Skabelon-billedet kan du få lov til at tilføje nye sideelementer til blog. Klik på det det link, der hedder "Tilføj et sideelement".
6) Nu får du en oversigt over alle de mange typer af ting du kan tilføje til din blog - billeder, tekst, video mm. Det kan du altsammen udforske senere. Men her vælger du den mulighed der hedder HTML/JavaScript. Klik på den blå knap med ordene Føj til Blog for at få side-elementet sat ind.
7) Nu skal du bruge kodestumpen, du kopierede for lidt siden. Giv side-elementet en titel og kopier hele kodestumpen ind i tekst-feltet.
8) Klik på den knap, hvor der står Gem Ændringer og gå så ind på din blog og se, hvordan det ser ud.
9) Blogger lægger altid nye side-elementer ind øverst, men du kan trække dem længere ned, hvis du hellere vil have dem placeret et andet sted. Det gør du ved at tage fat i elementet med musen, trække det ned, hvor du vil have det, og give slip.
10). Hvis du synes at din Librarything-widget alligevel ikke tager sig helt ud som du gerne vil have den, kan du altid gå tilbage og konstruere en ny at sætte ind.
Nu kan besøgende se din boghylde. Hvis du også vil have at de skal kunne chatte med dig fra bloggen, kan du lægge en meebo-widget på.
Den følgende vejledning viser hvordan.
Fremgangsmåden er som ved Librarything.
1) Gå til www.meebo.com og vælg i menuen øverst puntet "Meebo Me"
2) Giv din widget en titel, vælg hvilket navn der skal vises, vælge en størrelse og et farvetema. Til højre på skærmen kan du se hvordan dine valg påvirker det endelige resultat. Når du er tilfreds trykker nu på knappen NEXT.
3) Her logger du på meebo med dine meebo kontooplysninger som du lavede i sidste uge.
4) Nu er din kodestump klar til at kopiere og indsætte i din blog på samme måde som du gjorde med Librarything lige før.
NB. For at besøgende på din blog skal kunne chatte med dig, skal du være logget på meebo.com, men du behøver ikke selv at have en browser med din blog åben.