1 of 23

Slide Notes

DownloadGo Live

Embedding Decks in Your Blog

Published on Nov 18, 2015

No Description

PRESENTATION OUTLINE

IN A BLOG OR WEBSITE

EMBEDDING A HAIKU DECK
Photo by _Libby_

STEPS FOR EMBEDDING:

  • Get your published deck's embed code
  • Write your blog post
  • Paste your code into your post's HTML
  • Impress everyone on the Internet

ON A COMPUTER:

STEP 1: GETTING THE EMBED CODE
Photo by netzanette

HOVER OVER THE + SIGN

TO THE LEFT OF A DECK ON HAIKUDECK.COM

CLICK THE

TO ACCESS THE CODE YOU'LL NEED FOR EMBEDDING THE DECK

HIGHLIGHT THE HTML CODE THAT POPS UP,

AND USE CTRL-C (PC) OR COMMAND-C (MAC) TO COPY IT

FROM YOUR IPAD:

IF YOU NEED TO GET YOUR EMBED CODE
Photo by Enthuan

TAP THE SHARE BUTTON

FOR YOUR DECK 

IN THE WINDOW THAT POPS UP,

CHOOSE 'POST TO BLOG'

DOUBLE-TAP IN FRONT OF IT HERE

YOU CAN EMAIL THE CODE FOR LATER, OR

ALL THE WAY TO THE END OF THE CODE.

DRAG THE RIGHTMOST BLUE SELECTION DOT

ONCE THE CODE IS HIGHLIGHTED,

TAP 'COPY' IN THE OPTIONS THAT POP UP AUTOMATICALLY

STEP 2: WRITE YOUR POST

MAKE SURE TO LEAVE ROOM FOR YOUR DECK.

STEP 3: PASTE YOUR EMBED CODE

FIRST, YOU'LL NEED TO FIGURE OUT WHERE TO EDIT THE HTML

"HOLD THE PHONE- I DON'T KNOW HTML!"

IT'S OK! LOOK 'HTML' UP ON OUR SUPPORT SITE.
Photo by bark

YOU ARE NOW ENTERING THE HTML ZONE

HTML BUTTON LOCATIONS: TOP LEFT (BLOGGER/BLOGSPOT), 'TEXT' TAB (WORDPRESS)

LOOK FAMILIAR?

SAME STORY, MORE WEIRD PUNCTUATEY BUSINESS GOING ON.

I CAME, I SAW, I PASTED

JUST PLANT THAT CODE WHEREVER YOU WANT YOUR DECK TO BE.

HEAD BACK TO COMPOSE

TO MAKE ANY FINAL TOUCHES OR ADD ANYTHING

ESPECIALLY ON BLOGGER/BLOGSPOT,

SOMETIMES, THE EMBEDDED DECK WON'T FIT QUITE RIGHT.
Photo by rosipaw

EASY FIX:

JUST CHANGE THE WIDTH OF YOUR DECK IN THE HTML

PROPORTIONS SHOULD BE 4X3

IN ORDER TO LOOK RIGHT. (400 X 300, FOR EXAMPLE)

FINALLY, STEP 4:

IMPRESS EVERYONE ON THE INTERNET!