Backstory Coding Tutorial

written by ⋆ kate ⋆

I know there are a bunch of these floating around, but I wanted to make my own just to share some little tips and tricks that I've learned along the way! So enjoy lol.

Last Updated

05/31/21

Chapters

12

Reads

1,385

Photos, Videos and Music

Chapter 6
Videos

1. Open YouTube
2. Select the video you want in your backstory
3. Hold your mouse/finger on the video until a tab comes up. It should be a list that starts with 'Loop' and finishes with 'Stats for nerds' (idk why it says that)
4. Select 'Copy embed code'
5. The code is now copied. Paste it into your backstory and there you go!

Photos

1. Find the picture you want in your backstory
2. Copy the image address
3. Go to ibb.co (or imgbb.com, it's the same website)
4. Select 'upload image'
5. Choose 'add image URL'
6. Paste the image URL into the box
7. Copy the thumbnail HTML code into your backstory

Music

1. Go to https://soundcloud.com/
2. Find the song you want
3. Once you find it, click the share button
4. Press embed
5. Select the color you want the play/pause button to be. If you want the song to play automatically, click the box
6. Copy/paste the code into your backstory

You can also get music using the YouTube video technique! (I prefer it because you can get the music video. However, using soundcloud can make your backstory look better.)
Hogwarts is Here © 2024
HogwartsIsHere.com was made for fans, by fans, and is not endorsed or supported directly or indirectly with Warner Bros. Entertainment, JK Rowling, Wizarding World Digital, or any of the official Harry Potter trademark/right holders.
Powered by minervaa