Tutorials!! Yay!!

Decided to make this lil blog for anyone having trouble figuring a few stuff out!! Yippee!!! Started as a tutorial for images after a friend asked in bulletins.

How to post images?

So the first thing you wanna do is make a new blog /bulletin:

Then click the icon marked with red arrow:

A menu like so should pop out:

As you see you need an url of your image.

How to get it? You need to host your image or open the picture (and only the picture) in new window of your browser.

But let's do only image hosting. I recommend imgbb (the one I use since forever).

You NEED to have an account there. So after you make an account, start uploading:

Select whatever image you want from your phone / computer / whatever.

VERY IMPORTANT - USE DIRECT LINK! NOTHING ELSE WILL WORK!!

Coly the url you've got from hosting the image:

And there you go! It's the same for bulletins!

YIPPEE!! OUR PICTURE!! If something isn't clear / working - feel free to ask :)

Bonus! Changing image size:

When you add a picture to your blog, a code shows up.

Now, all you need to do to change the image size you just need to add 2 or 1 attribute. Whatever you prefer.

height = "100px" width = "50px" ← image size in pixels

Result:

How the code looks:

<img src="https://i.ibb.co/TX3krch/IMG-9478.png" alt="" height = "100px" width = "50px">

OR

height = "100%" width = "50%" ← image size in precent in relation to the space it's placed in

Result:

How the code looks:

<img src="https://i.ibb.co/TX3krch/IMG-9478.png" alt="" height = "100%" width = "50%">

BTW if you leave height or width empty it will be automatically proportional!

Autoplay

There's plenty of codes for it in layout section but I figured it's still worth putting it here :3

Code:

<iframe width="0" height="0" src="https://www.youtube.com/embed/URL//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

Here's how the YouTube url looks like:

https://youtube.com/watch?v=znAmA0gCzRM

Here's what you need to put in the code:

https://youtube.com/watch?v=znAmA0gCzRM

How the code looks like now:

<iframe width="0" height="0" src="https://www.youtube.com/embed/znAmA0gCzRM//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

And that's pretty much it for autoplay and music player! If you see a music player in layouts that you like, chances are that all you need to do it to change the URL to get it to play whatever you want!

How to show your Spotify playlist

Code:

<iframe src="https://open.spotify.com/embed/playlist/PLAYLIST_URL?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

EXAMPLE OF URL:

https://open.spotify.com/playlist/2And3HfBU2rKy9wGL6oje7?si=B9w_R1MHTBSjBIbe6cL-sQ&pi=yhf2O7G0R8ijf

2And3HfBU2rKy9wGL6oje7  <--- That's what you put in PLAYLIST URL (ofc from your playlist)

It should look like this:

Btw, pretty sure your playlist has to be public to work but idk for sure!

Hope it helps and lmk what to add here!