Visa en evenemangskalender på blogspot/blogger

Har du en blogg som kör på Blogger eller Blogspot, hos Google? Vill du visa en lokal evenemangskalender där? Som visar vad som händer i din ort eller kommun? Utan att behöva kopiera och klistra, med automatik?

Om du använder bloggverktyget WordPress så gör du så har vi en gör-det-själv-beskrivning för att lägga in Alloms evenemangskalender i WordPress.

Är du van vid Blogger? Snabbkursen

Fem snabba steg för att lägga in Allom som evenemangskalender på din blogg:

  • Gå till allom.se och gör en sökning som matchar de evenemang som du vill visa på din blogg.
  • Kopiera länken ”Flöde för denna sökning.
  • Logga in i Blogger. Gå till ”Layout”. Så heter det i alla fall i det nya gränssnittet, i det gamla hette det ”Design”.
  • Lägg till en ”Gadget” av typen ”inmatning”. Klistra in länken som ”Feed-URL”.
  • Skriv en bra rubrik och välj hur många evenemang (objekt) som ska visas. Spara. Voilá!

Lägg in Allom på din blogg – detaljerat

Nu utgår jag från att du redan har en blogg på Blogger eller Blogspot. Det är ungefär samma sak och Googles populära bloggtjänster. De används ofta av privatpersoner och små företag. Mer om Blogger och Blogspot på Wikipedia. Jag har en blogg om segling och planerar att segla till Stallarholmen vid Mälaren och vill visa mina kompisar vad vi kan göra där.

Skärmbild på en blogg på blogger

Min blogg innan vi lägger in alloms evenemangskalender.

Gå till allom.se och gör den sökning bland evenemangsannonserna som matchar de evenemang som du vill visa på din blogg. I mitt fall så vill jag visa alla evenemang i Stallarholmen.

Skärmbild på sökning efter evenemang i allom, evenemangskalendern.

Sök i allom efter evenemang som matchar vad du letar efter.

Nedanför sökruta, kategorier, arrangörer och kommuner (du kan kombinera dem i din sökning) finns en länk som heter ”Flöde för denna sökning”. Kopiera den genom att högerklicka på länken och välja ”Copy shortcut”, ”Kopiera länkadress”, ”Copy link address”, ”Copy link” eller något liknande. Exakt vad den heter beror på vilken webbläsare du använder.

Skärmbild: Kopiera länk till flöde i allom.

Högerklicka på länken flöde för denna sökning i allom. Kopiera länken.

Gå nu till din blogg. Logga in. Blogger har ett nytt (när jag skriver det här) utseende på administrationssidorna. Om du kör det gamla utseendet så ser det nästan ut på samma sätt och funkar snarlikt. Klicka på ”Layout” i vänstermenyn (”Design” hette det i gamla versionen).

Skärmbild: Välj layout i menyn i blogger.

Välj layout i menyn i blogger.

Vi lägger till en ”Gadget” (pryl, widget, funktion, modul är andra ord som jag hört för samma sak). Det handlar om att utan att behöva programmera lägga till en funktioner som hämtar något och publicerar det på din blogg. I det här fallet är det evenemangsrubriker från Allom.

Skärmbild från Blogger där vi lägger till en gadget i layout-vyn.

I Blogger lägger vi till en gadget i layout-vyn.

Nu kan vi välja mellan många olika prylar att lägga in i Blogger högerkolumn. Det vi är ute efter är en gadget som heter ”inmatning”. Namnet ”inmatning” både låter och ser fel ut. Jag gissar att Google slarvat vid översättningen till svenska.

Skärmbild: Gadgeten inmatning i Blogger

Lägg till RSS-flöde (inmatning) i Blogger

Nu ska vi klistra in länken från Allom.

Skärmbild: Länk till evenemangsflöde på Allom.

Nu klistrar vi in länken till vårt flöde på Allom.

Nästa steg är att sätta en bra rubrik på vår egen evenemangskalender. I det här fallet är det enkelt, jag skriver ”Det händer i Stallarholmen”.

Skärmbild: Rubrikinställning för RSS-flödet i Blogger.

Skriv in en rubrik för kalendern på din blogg.

Och när vi sparar så är allt klart. Klicka på ”Visa blogg” för att komma tillbaka till visningsläge.

Skärmbild: Evenemang på blogger från Allom.

Alloms evenemangskalender på din egen blogg.

Så där. Nu är det klart. Titta vad fint det blev! Och det bästa av allt är att allt sköter sig automatiskt. Du kommer alltid att ha de kommande evenemangen på din blogger-blogg utan att behöva göra något.

Visa evenemang som kalender på din egen hemsida

Du kan lätt visa evenemang från Allom på din egen webbplats.

  • Om du använder något publiceringssystem eller bloggverktyg som till exempel WordPress kan du visa ett urval av evenemangsannonser som RSS-flöde. Nu ska vi visa hur du gör det själv.
  • Lägg in Alloms kalender på din blogg om du använder Blogger eller Blogspot.
  • Om din webbplats är byggd som statiska webbsidor, kanske med Outlook eller Dreamweaver så kan du klistra in en bit html som visar de evenemang du vill visa. Det återkommer vi till i en kommande artikel.

Visa Alloms evenemang på WordPress

Ekerö kommun har ”Kulturens övärld” som slogan. Låt oss visa alla kulturevenemang i Ekerö kommun i vår wordpressblogg.

Vi går till Alloms startsida.

Där väljer vi ämneskategorin ”Kultur & nöje”. Nu visas bara evenemangsannonser från den kategorin.

Skärmbild från Allom. Vi klickar på "Kultur & nöje"

Vi väljer kategorin ”Kultur & nöje”

Sedan väljer vi att bara visa de evenemang som sker i Ekerö kommun.

Skärmbild från Allom. Vi väljer en kommun.

Välj Ekerö kommun från högerkolumnen.

Nu har vi reducerat de evenemang som visas till bara de som handlar om kultur och nöje i Ekerö kommun.

Skärmbild från Allom som visar ett urval av evenemang som sker på Ekerö inom kultur.

Urvalet visar nu bara kulturevenemang från Ekerö.

Under den kalenderliknande resultatlistan finns en länk ”Prenumerera på alla evenemang som matchar den här sökningen”. Den leder till ett RSS-flöde med alla evenemang som matchar vår sökning. Kopiera länkadressen genom att högerklicka på den och kopiera länken (heter lite olika i olika webbläsare).

Nästa steg är att gå till kontrollpanelen för din wordpressblogg. Logga in som admin eller någon annan som har tillräcklig behörighet för att ändra utseendet på bloggen.

Gå till Utseende > Widgets (vilken svengelska!).

Leta reda på widgeten ”RSS” och dra den till widgetfältet där du vill visa evenemangskalendern. Olika mallar kan ha olika widgetfält. Här gör vi det enkelt och lägger den i högerkolumnen (”primärt widgetfält”). När du släpper widgeten öppnas den så att vi kan göra inställningar.

Skärmbild som visar hur du visar Alloms evenemang som RSS-flöde i WordPress.

Klistra in länkadressen till flödet av evenemang som passar vår sökning.

Vi klistrar nu in länkadressen från Alloms sökning, skriver en klatchig rubrik och sparar.

Sedan går vi till vår blogg och kollar på den i ”tittläge”.

Skärmbild som visar vår blogg efter att vi lagt in annonser med evenemang från Allom.

Kolla, där till höger finns alla våra evenemangsannonser.

Vi kollar lite närmare på hur det ser ut på nära håll.

Skärmbild som visar detalj med evenemangsannonser från Allom på vår blogg.

Skärmbild som visar detalj med evenemangsannonser från Allom på vår blogg.

Snyggt va?

Om du klickar på länken på något av evenemangen så kommer du direkt till just det evenemangets sida. Smart. I WordPress kan du ändra inställningar för hur många evenemang som visas och hur mycket information som visas om varje.

Och det funkar på liknande sätt att visa Alloms evenemangsannonser i andra publiceringsverktyg, det är bara att läsa manualen eller googla runt.

Ett exempel:

Om det inte finns något sätt att visa RSS-flöde i ditt publiceringsverktyg så kan du använda Alloms alternativa metod att klistra in htmlkod direkt i sidan eller mallen. Det kommer jag att beskriva i en kommande artikel.

Skiv gärna en kommentar här nedanför och berätta för vilka andra publiceringsverktyg du vill ha en steg-för-steg-beskrivning.

I det här exemplet valde jag att visa kulturevenemang i Ekerö kommun. Om du inte är kulturchef i Ekerö så kanske du vill visa ett annat urval. Och det är så himla enkelt:

  • Kombinera fritextsökning (namnet på orten, sysselsättningen eller något annat) med kommun och ämneskategori.
  • Kopiera rss-länken.
  • Klistra in rss-länken i som en widget, extension, modul eller vad det kan heta i ditt verktyg eller tjänst.

Voilá.

Skriv gärna en kommentar med länk till din egen sajt och visa hur du gjort.

Om du har frågor om det här med att visa evenemang som kalender på din egen webbsida med hjälp av RSS så fråga gärna som en kommentar.

 

Bild på Stefan Pettersson, vd för Kalenderbolaget som driver Allom.

Stefan Pettersson är en av grundarna av Allom. Stefan har jobbat med webb- och internet sedan 1993. Han driver också det egna konsultbolaget Lumano som är inriktat på att förbättra och förenkla befintliga webbplatser.