Den Ultimate Veiledningen For Å Bygge Inn Innhold På Nettstedet Ditt

enten du vil legge til sosialt bevis på innholdet ditt, støtte en blogg med ekte eksempler, eller utvide nettstedets rekkevidde med en nyhetsfeed, kan det å bygge inn innhold fra andre plattformer gi mye verdi til nettstedet ditt.

men å finne ut hvordan du faktisk legger inn dette innholdet kan være vanskelig.

I dette innlegget finner du en trinnvis veiledning for å legge inn sosiale medier og relatert innhold på nettstedet ditt Fra Twitter, Facebook, Instagram, Pinterest, Google Kalender, YouTube og SlideShare.

→ Gratis Nedlasting: 5 Viktige Trinn For Å Bygge Og Vedlikeholde Et Nettsted Med Høy Ytelse

(Dessverre Tillater LinkedIn fortsatt ikke innebyggingsfunksjoner for bestemte innlegg-selv om Det tilbyr plugins, slik at Du kan legge inn Din LinkedIn-profil eller side.)

Klikk på et seksjonsnavn for å bla automatisk til den delen.

  1. Hvordan Bygge Inn En Tweet
  2. Bygg Inn Facebook-Innlegg Eller Video
  3. Bygg Inn Facebook-Feed
  4. Bygg Inn Instagram-Feed Og Innlegg
  5. Bygg Inn Pinterest-Pins
  6. Bygg Inn Pinterest Boards
  7. Bygg Inn Google+ – Innlegg
  8. embed google calendar
  9. Slik Bygger Du Inn En Youtube-Video
  10. Embed Slideshare Presentasjoner Og Infographics

Hvordan Bygge Inn En Tweet

  1. Finn tweeten du vil bygge inn.
  2. Klikk på nedoverpilen øverst til høyre på tweeten.
  3. Velg «Bygg Inn Tweeten.»
  4. Kopier koden som vises, og lim den inn i NETTSTEDETS HTML-editor.
  5. Legg til ‘tw-align-center’ etter ordene «twitter-tweet» i innebyggingskoden.

Finn tweeten du vil legge inn.

for å legge inn en tweet på bloggen din eller nettstedet ditt, må du først finne tweeten du vil vise i sin naturlige habitat-Twitter . Finn tweet I Din Twitter newsfeed eller På Twitter brukerens profil. For dette eksemplet legger vi inn en tweet fra Hubspots Twitter-feed, som vist på skjermbildene nedenfor.

Klikk på nedoverpilen øverst til høyre på tweeten.

når du har funnet tweeten du vil bygge inn, klikker du på pilikonet som vender nedover, øverst til høyre på tweeten, som vist nedenfor.

downward-arrow-tweet

Velg » Bygg Inn Tweeten.»

Ved Å Klikke på dette pilikonet vil du se en rullegardinmeny med alternativer, inkludert en som heter » Bygg Inn Tweeten.»Klikk på dette alternativet.

4. Kopier koden som vises, og lim den inn I nettstedets HTML-editor.

Ved Å Klikke På «Bygg Inn Tweeten» fra rullegardinmenyen vist ovenfor, åpnes kodeboksen vist nedenfor. Under «Bygg inn Denne Tweeten» ser du en tekststreng uthevet i blått. Bruk Kommando+C på tastaturet (Eller Kontroll+C, hvis DU bruker EN PC) til å kopiere denne koden til utklippstavlen.

tweet-embed-code

med denne innebyggingskoden kopiert til utklippstavlen, gå tilbake til nettstedet der du vil legge inn denne tweeten. Åpne kildekoden til dette nettstedet (noen innholdsstyringssystemer har et» </> » – ikon der du kan få tilgang til denne kildekoden). Her limer du inn tweet-koden i HTML-koden nøyaktig der du vil at tweeten skal vises.

Legg til ‘tw-align-center’ etter ordene «twitter-tweet» i innebyggingskoden.

når du har limt inn denne koden i HTML-KODEN din, vil du imidlertid midtstille denne tweeten slik at den ikke automatisk vises presset opp mot venstre eller høyre side av nettsiden din. For å rette opp dette, legg til teksten, «tw-align-center» (uten anførselstegn) rett etter «twitter-tweet» i innebyggingskoden. Du kan lære mer om denne metoden her.

her er hva den endelige koden skal se ut:

< blockquote class=»twitter-tweet»tw-align-center data-lang=»en» >< p lang=» en»dir=»ltr» >Gi oss beskjed! 👂<br> Hva slags innhold vil du se fra oss i år?</p> &mdash; HubSpot (@HubSpot) < a href=»https://twitter.com/HubSpot/status/1085634067679322114?ref_src=twsrc%5Etfw»>January 16, 2019</a>< / blockquote >
< script async src= «https://platform.twitter.com/widgets.js » charset=»utf-8″></script>

Det er det! Dette er hva din innebygde tweet vil se ut når du er ferdig:

Gi oss beskjed! 👂
Hva slags innhold vil du se fra oss i år?

– HubSpot (@HubSpot) januar 16, 2019

Bygg Inn Facebook-Innlegg Eller Video

Finn Facebook-innlegget du vil bygge inn.

i Likhet med fremgangsmåten for å bygge inn en tweet (listet ovenfor), starter det å bygge Inn Et facebook-innlegg på bloggen din eller nettstedet ditt på Facebook. Naviger til innlegget du vil bygge inn Fra Facebook, på Facebook-brukerens profilside eller nyhetsfeeden din. For dette eksemplet legger vi inn Et Facebook-innlegg Fra HubSpot Academy,som vist på skjermbildene nedenfor.

Klikk på ellipsen («…») ikon øverst til høyre i innlegget.

øverst til høyre I facebook-innlegget du vil bygge inn, ser Du et ellipsisikon som består av tre små prikker. Klikk på dette ikonet, som vist nedenfor.

ellipsis-facebook-post

Klikk På » Embed.»

Ved Å Klikke på ellipsisikonet vist nedenfor, vises en rullegardinmeny med alternativer, inkludert en merket » Embed.»Hvis innlegget du vil legge inn er en video, vil et lignende alternativ merket «</> Embed» vises lenger ned på denne menyen. Klikk enten alternativ.

hvis du ikke ser et alternativ for å bygge inn innlegget, er innlegget ikke offentlig og kan ikke bygges inn.

embed-facebook-post-from-hubspot-academy

Kopier koden som vises, og lim den inn I nettstedets HTML-editor.

Ved Å Klikke på» Embed » – alternativet som vises ovenfor, åpnes boksen som vises nedenfor. Øverst i denne boksen, like over knappene» Skjul Forhåndsvisning «og» Avanserte Innstillinger», ser du en linje med kodet tekst. Marker og kopier denne koden på datamaskinens utklippstavle.

facebook-post-embed-code

med denne innebygde koden kopiert til utklippstavlen, gå tilbake til nettstedet der Du vil legge Inn Dette Facebook-innlegget. Åpne kildekoden til dette nettstedet (noen innholdsstyringssystemer har et» </> » – ikon der du kan få tilgang til denne kildekoden). Her limer Du Inn Facebook-innleggingskoden i HTML-koden nøyaktig der du vil at innlegget skal vises.

Legg til < senter> og < / senter> koder rundt HELE HTML-koden for å midtstille innlegget ditt.

når du har limt inn denne koden i HTML-KODEN, vil du imidlertid midtstille innlegget slik at det ikke automatisk vises presset opp mot venstre eller høyre side av nettsiden din. For å rette opp dette, pakk koden med ‘<senter > ‘og’ </senter> ‘ koder Slik At Facebook-innlegget vises i midten av artikkelen eller nettsiden din.

her er hva den endelige koden skal se ut:

<senter><iframe src=»https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fthehubspotacademy%2Fposts%2F741606746226328%3A0&width=500″ width=»500″ height=»448″ style=»border:ingen;overflyt:skjult» rulling=»nei» frameborder=»0″ allowTransparency=»true» allow=»kryptert-media»></iframe></senter>

det er det! Slik ser det ut når du er ferdig:

Embed Facebook Feed

Tro det eller ei, det er like enkelt å legge inn En Facebook-profil hele feeden på nettstedet ditt som å legge inn et enkelt innlegg eller en video. Og det er mer enn en måte å gjøre det på.

Ved Hjelp Av En WordPress Plugin

den første måten er å installere en plugin eller widget i content management system (CMS). WordPress-brukere har for eksempel flere facebook-feed-plugins til disposisjon. Slik bruker du en:

  1. Den Tilpassede Facebook-Feeden, Av Smash Balloon, er En Slik WordPress-plugin du kan laste ned via WordPress-kontoen din. Du kan laste ned denne plugin her.
  2. med denne plugin lastet ned, logg Inn På Din WordPress-konto og aktiver denne plugin fra «Plugins» – menyen.
  3. Bruk innstillingene For» Facebook-Feed » I CMS-SYSTEMET ditt for å velge Og konfigurere Den Spesifikke Facebook-feeden du vil vise på nettstedet ditt.
  4. Skriv inn teksten, » I HTML-editoren på nettstedet ditt for å generere Din Valgte Facebook-feed.

Ved Hjelp Av Facebook ‘ S Side Plugin

Facebook Har sin egen Side Plugin, slik at Du kan produsere embed kode for noen profil individuelle Facebook feed og skriv DET INN I HTML på nettstedet ditt. Slik bruker du det:

1. Åpne Facebook Side Plugin verktøy.

for å legge Inn En Facebook-feed i bloggen din eller nettstedet ditt, åpne Facebook ‘ s innfødte Side Plugin verktøy her. Rull ned på denne siden til du ser delen som vises nedenfor.

facebook-page-plugin

2. Skriv INN NETTADRESSEN Til Facebook-Siden du vil legge inn.

med dette verktøyet åpnet, opprett en ny fane i nettleseren din og naviger Til Facebook-profilen hvis feed du vil legge inn. Trykk Kommando + C på tastaturet (Eller Kontroll + C, hvis DU bruker EN PC) for å kopiere URL-ADRESSEN til denne siden til datamaskinens utklippstavle.

Gå Tilbake Til nettleserfanen Som Har Facebook – Sidepluggen åpen. Lim INN NETTADRESSEN fra utklippstavlen i feltet øverst til venstre, som vist på skjermbildet nedenfor. I dette eksemplet vil Vi legge Inn Facebook-feeden Til Hubspots Facebook-Bedriftsside.

hubspot-facebook-page-plugin

3. Legg til fanene du vil vise sammen med den innebygde feeden.

I tillegg til å vise hele tidslinjen til en profil, Lar Facebook-Sidepluggen deg også vise faner til profilens Hendelser og/eller Messenger-konto. Som standard, Siden Plugin verktøyet vil ha «tidslinje» angitt av seg selv.

for å legge Til Hendelser eller Messenger-faner i din innebygde Facebook-feed, klikk over til» Faner » – feltet øverst til høyre på Siden Plugin-verktøyet, som vist nedenfor. Legg til ordene «hendelser» og / eller» meldinger «ved siden av ordet «tidslinje», alle atskilt med komma.

facebook-plugin-tabs

4. Tilpass dimensjonene Til Facebook-feeden din.

hvis nettstedet ditt har spesifikke dimensjoner som begrenser størrelsen på mediet du legger inn, og du vet hva disse dimensjonene er, skriv dem inn i de to nederste feltene I Facebook Page Plugin tool. Du kan angi en bestemt bredde i venstre felt og en bestemt høyde til høyre.

Som standard Vises Facebook-feeden din på omtrent 340×500, selv om du vil se anbefalte dimensjoner i verktøyets forhåndsvisningstekst.

5. Klikk På » Få Kode.»

med alle fire av disse feltene fylt ut, klikker du bare på den blå «Få Kode» – knappen nederst i verktøyet, som vist på skjermbildet ovenfor. Dette vil åpne kodeboksen som vises nedenfor.

6. Klikk på’ IFrame ‘ – fanen.

Vær forsiktig med hvilken kode du velger, skjønt … med mindre du koder nettstedet ditt fra bunnen av, har den første kategorien (merket «JavaScript SDK») ikke koden du vil ha. Bytt over til fanen merket «IFrame», som vist nedenfor. Denne teksten er ferdig for å bygge inn i bloggen din eller nettstedets HTML editor.

facebook-page-plugin-embed-code

7. Kopier og lim inn denne innebyggingskoden i HTML-editoren på nettstedet ditt.

Kopier koden vist ovenfor til utklippstavlen. Deretter går du til nettstedet der Du vil legge Inn Denne Facebook-feeden. Åpne kildekoden til nettstedet ditt (noen innholdsstyringssystemer har et» </> » – ikon der du kan få tilgang til denne kildekoden). Her limer du inn feedens innebygde kode i HTML-koden nøyaktig der du vil at den skal vises.

8. Legg til< senter >og</senter > koder rundt hele IFrame-kodebiten for å midtstille feeden.

når du har limt inn denne koden i HTML-KODEN, vil du imidlertid midtstille innlegget slik at det ikke automatisk vises presset opp mot venstre eller høyre side av nettsiden din. For å rette opp dette, pakk koden med ‘< senter > ‘og’ </senter> ‘ koder Slik At Facebook-feeden vises i midten av artikkelen eller nettsiden din.

her er hva den endelige koden skal se ut:

<senter> < iframe style= » kantlinje: ingen; overløp: skjult;»allow=» encrypted-media «xml=» lang » src=»https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhubspot&amp;tabs=timeline%2C%20events%2C%20messages&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId «width=» 340 «height=» 500 «frameborder= «0»rulling=»nei» >< /iframe> < / center>

Det er det! Slik ser Det ut når du er ferdig:

Embed Instagram Feed Og Innlegg

Instagram Er en favoritt blant markedsførere, Men det kan være vanskelig å bygge inn En Hel Instagram-feed. Slik legger du Inn En Instagram-feed samt individuelle innlegg på nettstedet ditt.

Instagram Feed WordPress Plugin

fra skaperne Av Den Tilpassede Facebook-Feed kommer Instagram Feed. Utviklet Av Smash Balloon, Gjør Dette WordPress-pluginet det enkelt For WordPress-baserte nettsteder å legge inn Hele Instagram-feeds fra bestemte Instagram-kontoer. Slik bruker du det:

  1. Last Ned Instagram Feed plugin for WordPress her.
  2. med denne plugin lastet ned, logg Inn På Din WordPress-konto og aktiver denne plugin fra «Plugins» – menyen.
  3. Bruk innstillingene For» Instagram-Feed » I CMS-SYSTEMET ditt for å velge Instagram-Tilgangstoken og bruker-ID-EN din.
  4. Skriv inn teksten, » I HTML-editoren på nettstedet ditt for å generere Din Valgte Instagram-feed.

Ifølge denne plugin instruksjoner På WordPress, kan du vise flere Instagram feeds samtidig ved å skrive inn tekst i formatet: «. I dette eksemplet vil du effektivt legge inn seks bilder hver for tre separate Instagram-feeder.

Instagrams Innebyggingsfunksjon

for å legge inn Individuelle Instagram-bilder trenger du ikke se lenger enn Instagram-Instagram-funksjonene. Slik gjør du det:

Viktig: For å legge inn bestemte Instagram-innlegg på en blogg eller et nettsted, Kan Instagram-kontoen den tilhører ikke settes til privat. For å sette en konto til offentlig, naviger til denne profilen Og klikk På «Rediger Profil» > Personvern Og Sikkerhet. Fra denne siden fjerner du merket for alternativet» Privat Konto», og du bør være klar.

1. Klikk På Instagram-bildet du vil legge inn.

Naviger Til Instagram-innlegget du vil legge inn på nettstedet ditt, og klikk på det for å forstørre bildet. For dette eksemplet legger vi inn et bilde Fra Hubspots kulturkonto, hubspotlife,som vist på skjermbildene nedenfor.

2. Klikk på ellipsen («…») ikon nederst til høyre i innlegget.

Med innlegget i full visning, se nederst til høyre i kommentarfeltet. Klikk på ellipsisikonet, som består av tre små prikker, som vist nedenfor.

instagram-post-ellipsis

3. Velg » Embed.»

Ved Å Klikke på ellipsisikonet vist ovenfor, åpnes boksen med alternativer vist nedenfor. I denne menyen velger du «Embed», den tredje knappen fra toppen.

instagram-post-embed-menu

4. Kopier og lim inn innebyggingskoden i NETTSTEDETS HTML-editor.

I likhet med instruksjonene For Twitter og Facebook (oppført ovenfor), vil denne» Embed » – knappen produsere en annen boks som bærer et stikk av kodet tekst. Når denne boksen åpnes på skjermen, markerer du koden øverst, som vist nedenfor. Deretter klikker du på den blå» Kopier Embed Code » – knappen nederst for å kopiere denne teksten til datamaskinens utklippstavle.

instagram-post-embed-code

5. Legg til< senter >og</senter > koder rundt HELE HTML-koden for å midtstille innlegget.

når du har limt inn denne koden i HTML-KODEN, vil Du imidlertid midtstille Instagram-innlegget slik at Det ikke automatisk vises presset opp mot venstre eller høyre side av nettsiden din. For å rette opp dette, pakk koden med’ <center> ‘og’ </center> ‘ koder slik at bildet vises i midten av artikkelen eller nettsiden.

Det er det! Her er hva ditt innebygde Instagram-innlegg vil se ut:

Bygg Inn Pinterest-Pins

Åpne Pinterest ‘ s widget builder.

hvis du vil legge inn festet innhold Fra Pinterest på bloggen eller nettstedet ditt, åpner Du Pinterest ‘ s widget builder, som er tilgjengelig her.

Velg «Pin Widget» i venstre kolonne.

Rull ned til Du ser Alternativet Pin Widget, som vist på skjermbildet nedenfor.

pinterest-pin-widget

Lim INN NETTADRESSEN til pin-koden du vil bygge inn.

Start med å fylle ut feltet «Pin URL» øverst i verktøyet med NETTADRESSEN til pin-koden du vil legge inn på nettstedet ditt, som vist nedenfor.

pin-widget-url

Kopier og lim inn koden fra denne delen i nettstedets HTML-editor.

mens Du er I Pin-Widgeten på Pinterest, blar du ned til delen rett under forhåndsvisningsbildet til pin-koden din, der du finner to linjer med kodet tekst-som vist nedenfor.

pinterest-pin-embed-code Åpne HTML-redigeringsprogrammet for nettstedet ditt, og kopier og lim inn den første linjen nøyaktig der Du vil At Pinterest-pin-koden skal vises på siden. Deretter kopierer du den andre linjen med tekst og limer den inn i nettstedets HTML-editor nederst på siden.

Pass på at du ikke limer inn hele kodebiten mer enn en gang på en enkelt nettside. Hvis du vil at pin-koden skal vises flere ganger, trenger du bare å kopiere den første kodelinjen og lime den inn der du vil at den skal vises på siden. Og ikke glem å gjenta følgende trinn i hver forekomst av pin-koden du bestemmer deg for å bygge inn.

Kopier kodebiten nedenfor.

<!– pinterest–>

Lim inn kodebiten mellom åpningen <en > – taggen og den avsluttende< / a > – taggen.

koden skal se slik ut:

< en data-pin-do=» embedPin » href=»http://www.pinterest.com/pin/99360735500167749/»><!–pinterest–></a>

nederst på siden:
< skripttype= «text / javascript» async src=»//assets.pinterest.com/js/pinit.js»></script>

Legg Til <senter> og </senter> koder rundt HELE HTML-kodebiten for å midtstille pin-koden.

her er hva den endelige koden skal se ut:

<senter> < en data-pin-do=» embeddin » href=»http://www.pinterest.com/pin/99360735500167749/»><!–pinterest–></a>
<!– Ring pinit.js bare en gang per side –>
<script type= «tekst / javascript»async src=» //eiendeler.pinterest.com / js / pinit.js » ></script></senter>

Det er det! Slik ser det ut når du er ferdig:

Bygg Inn Pinterest-Tavler

hvis Du vil legge Til Pinterest-Tavler, er trinnene generelt de samme som de er for å legge inn individuelle pins-forklart ovenfor. Slik gjøres det:

  1. Åpne Pinterest widget builder.
  2. Velg «Board Widget» i venstre kolonne, like under «Pin Widget» builder.
  3. Når Tavle-Widgeten åpnes, følger du de samme trinnene som du ville gjort for å legge til pins, som er oppført ovenfor.

Kopier og lim inn de to nederste linjene med kode i nettstedets HTML-editor, og det er det! Her er hva en innebygd bord ser ut:

Embed Google + Post

1. Finn Google + – innlegget du vil bygge inn. Hold musen over øverste høyre hjørne og klikk på den grå pilen som ser ut til å trekke ned flere alternativer.

google-plus-embed-1

2. Velg » Embed Post.»

google-plus-embed-2

3. Kopier hele koden som vises, og lim den inn I HTML-visningen på nettstedet ditt.

google-plus-embed3

4. Senter det innebygde innlegget ved å legge til < senter > og < / senter > rundt HELE HTML-koden.

her er hva den endelige koden skal se ut:

<senter> <!– Plasser denne taggen i hodet eller like før din nære kropp tag. –>
<script type= «tekst / javascript» src=»https://apis.google.com/js/plusone.js»></script>
<!– Plasser denne taggen der du vil at widgeten skal gjengi . –>
<div class=» g-post » data-href=»https://plus.google.com/110490539670062886957/posts/be2TCKDBMsG»></div></center>

Det er det! Slik ser det ut når du er ferdig:

Slik Bygger Du Inn Google Kalender

for å bygge inn en Bestemt Google Kalender på bloggen eller nettstedet ditt, må du bruke nettversjonen Av Google Kalender, i stedet for mobilappen.

Fikk den åpen? La oss bygge det inn.

Klikk på tannhjulikonet for å åpne innstillingene.

øverst I Google Kalender klikker du på tannhjulikonet og velger «Innstillinger», som vist nedenfor.

google-calendar-settings

Velg kalenderen du vil bygge inn og bla ned til » Integrer kalender.»

når du er i kalenderinnstillingene, kan du se til sidepanelet til venstre for den spesifikke kalenderen du vil legge inn på nettstedet ditt. I Dette eksemplet vil Vi legge Inn Hubspots Nasjonale Helligdagskalender.

når du har valgt kalenderen din, ser du til høyre i innstillingene og blar ned til du ser delen «Integrer kalender». (Du kan også bare klikke alternativet med samme navn på venstre side under den valgte kalenderen.)

google-integrate-calendar-1

Klikk På «Tilpass» og konfigurer størrelsen og fargen på kalenderen din.

i» Integrer kalender «- delen av innstillingene dine, finn og klikk på «Tilpass» – knappen, like over tekstlinjen «Embed code». Dette åpner et større vindu med alternativer der du kan endre størrelsen og fargeskjemaet i kalenderen din før du bygger den inn.

hvis du er fornøyd med hvordan kalenderen for øyeblikket ser ut og ikke trenger å gjøre noen estetiske endringer, kan du bare kopiere denne innebygde koden til utklippstavlen.

Tilpass knappen inne Googles integrere kalenderinnstillinger.

Kopier embed-koden øverst og lim den inn I nettstedets HTML-editor.

Kopier innebyggingskoden, enten fra Tilpass-vinduet eller Fra Innstillingssiden, og lim den inn i HTML-redigeringsprogrammet på nettstedet ditt. Hvis du vil, kan du pakke inn denne innebyggingskoden i < senter > og</senter > tagger for å midtstille kalenderen din innenfor margene på nettstedet ditt.

Slik Bygger Du Inn En YouTube-Video

  1. Finn YouTube-videoen du vil bygge inn.
  2. velg «Del» under videoen.»
  3. i menyen som vises, velg » Embed.»
  4. Kopier koden som vises og lim inn I nettstedets HTML-editor.

Finn YouTube-videoen du vil legge inn.

Det er utrolig enkelt Å Legge Inn En YouTube-video på bloggen eller nettstedet ditt. For å starte, åpne YouTube og naviger til videoen du vil legge inn. I dette eksemplet legger Vi inn en video om inbound marketing fra Hubspots INBOUND YouTube-kanal – som vist på skjermbildene nedenfor.

velg «Del» under videoen.»

Under selve videoen, se etter » Del » – knappen, som vist nedenfor.

inbound-youtube-video

i menyen som vises, velg » Embed.»

Ved Å Klikke på» Del » – knappen under Den valgte YouTube-videoen, åpnes en liten meny med alternativer der du kan dele videoen til ulike sosiale nettverk. Helt til venstre for disse alternativene ser du imidlertid også en sirkulær» Embed » – knapp. Klikk på denne knappen.

youtube-share-embed

Kopier koden som vises, og lim den inn I nettstedets HTML-editor.

det neste vinduet som skal vises, vil produsere en stor boks med kodet tekst, samt noen få alternativer for å tilpasse videoen din før du legger den inn. Under embed-koden kan du for eksempel angi om du vil at videoen skal starte på et bestemt tidsstempel.

når du har innstillingene dine akkurat slik du vil ha dem, merker du den kodede teksten øverst i vinduet. Deretter klikker du på» Kopier » nederst til høyre.

youtube-embed-code

Legg til< senter >og</senter > koder rundt HELE HTML-kodebiten for å midtstille videoen.

her er hva den endelige koden skal se ut:

<senter> < iframe width=»560″ height= «315»src=» https://www.youtube.com/embed/mZxa3lrLhXM «frameborder= «0»allow=» akselerometer; autokjør; kryptert-media; gyroskop; bilde-i-bilde » allowfullscreen></iframe></center>

Det er det! Slik ser det ut når du er ferdig:

Embed SlideShare Presentasjoner Og Infografikk

Finn Lysbildefremvisningen eller infografikken du vil bygge inn På SlideShare.net.

slideshare_step_1

Klikk På » Tilpass.»

hvis du vil tilpasse din innebygde SlideShare-presentasjon eller infographic, klikker du På «Tilpass» og følgende alternativer vises, vist nedenfor. Velg alternativene du vil ha, kopier deretter koden i» Embed » – delen og lim den inn I HTML-visningen på nettstedet ditt.

alternativer for å bygge Inn Slideshare presentasjon

Senter den innebygde Slideshare ved å legge til < senter>Og < /senter> rundt HELE HTML-kodebiten.

her er hva den endelige koden skal se ut:

<senter> < iframe src=»//www.slideshare.net/slideshow/embed_code/31128788″ width=»427″ height=»356″ frameborder=»0″ marginwidth=»0″ marginheight=»0″ rulling=»nei» allowfullscreen> </iframe> <div> <sterk> <a Href=»https://www.slideshare.net/HubSpot/a-sales-and-marketing-love-story» title=»En Kjærlighetshistorie For Salg Og Markedsføring» target=»_blank»>en kjærlighetshistorie for salg og markedsføring</a> </sterk> fra <sterk><a href=»http://www.slideshare.net/HubSpot» target=»_blank»>HubSpot</a></strong></div></center>

Det er det! Her er hvordan det vil se ut når du er ferdig:

Noen av disse embed-kodene kan trenge litt tilpasning for å se perfekt ut på bloggen din eller nettstedet ditt, men ved å bruke disse trinnene, bør du være av god start. Glad embedding!

Canva HubSpot Nettsted Ebok

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.