Inbäddad kod¶
Widgeten ”Inbäddad kod” används för att infoga valfri html eller javascript i ett dokument.
Detta kan användas för att t.ex. visa en inspelning från SoundCloud, ett twitter-flöde eller instagram konto.
Vill man infoga eller skriva ett längre script så finns det en knapp för att expandera kodrutan till ett helskärmsläge. Detta underlättar väldigt mycket då koden inte längre radbryts så tidigt.
Exempel¶
Observera
Man kan använda denna widget för att infoga video från t.ex. YouTube men om det är målet så är det enklare att använda widgeten Video.
SoundCloud¶
För att infoga t.ex. denna Dio-cover från SoundCloud så letar man upp knappen ”Share” och väljer sen ”Embed”. Där får man tag på en snutt html-kod som ser ut som följande
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141532329&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Twitterflöde¶
Vill man infoga ett twitterflöde så får man gå via https://publish.twitter.com/ och där fylla i adressen till det man vill infoga. Så vill vi t.ex. infoga Minabiblioteks flöde så skriver vi in https://twitter.com/minabibliotek och väljer sen ”Embedded timeline”.
Vi bör då få följande html-kod tillbaka vilket vi kan använda i widgeten.
<a class="twitter-timeline" href="https://twitter.com/minabibliotek">Tweets by minabibliotek</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>