HTML codes to help with your profile from someone who doesn't know how to code (first blog ^^)


Valentine's Day Arrow Through The Heart

May 28, 2025


why was this blog made

When I first joined spacehey I noticed that to customize your profile and possibly other pages, you need code. Of course there are the layouts made by the community, but what if you wanna customize it more? Or go into more detail? These codes helped me out a lot while making my different profiles, and I wanna share them so that people who are newer to the website can learn to customize their profile how they want. Idk if there are a lot of blogs like this but even if there are i'm still posting this sooooo....yea :)

This is my first blog, so if smt is worded wrong or wtv just ask bc I plan on making more in the future !!! 

so srry for any typos i'm a very sloppy typer lol


Credits for codes (aka where I got the codes from):

mrderb✮rry's ~ importing graphics

liam                ~ autoplay music

W3 SCHOOLS ~ links on text


Credits for graphics (aka where I got pixels and stuff from):

kirill | mocha ~ pixels

Komo_2007   ~ stamps


1) Importing graphics !!


<img src="*image link here*"/>


To import graphics like stamps blinkies and buttons you do this code up ↑↑above↑↑. This normally just gives the size that the creator of the image made it, however you can adjust to the size of your choice by adding;


<img src="*image link here*" width="50"/>

The "src" in the HTML stands for "source" which from what i've seen is where the link to whatever image you're putting on your page should go. The src always goes inbetween the two quotation marks. The "width" just adjusts the whole images size, for reference, a graphic that has a width of 30 looks like this ->  while an image with a width of 50 looks like this ->  .

↓↓More examples↓↓


<-- width 200 <-- width 20 <-- width 50

  <-- width 100


2)  Autoplaying music !!

<iframe width="0" height="0" src="https://www.youtube.com/embed/videoIDhere//?&;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>


To autoplay music on your profile you search up a youtube vid with whatever music you want, then copy and paste the video ID into the spot in bold that says "videoIDhere".

The video ID would be the sequence of letters (sometimes it has numbers) right after the "v=". For example, (and this is completely made up)  v=fdIjfeowa.

↓↓Picture example↓↓



If you want to put the song on loop change the &;loop=1&; number to hoever many times you want your song to play.

↓↓Example↓↓

&;loop=5&;


↓↓After it should look like this↓↓

<iframe width="0" height="0" src="https://www.youtube.com/embed/j1DnOm0DdQU//?&;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>


(If something goes wrong please contact liam because he made it :P)


3)  Links on text !!

<a href="url">link text</a>

If you ever wanted to link a website to your profile that isn't on the links box in your profile, then put your url (link to website) inbetween the quotation marks, and put whatever you want the website to be linked to in the link text spot.


↓↓Example (i'm using my strawpage for this :D)↓↓


<a href="https://gomi1n.straw.page/">strawpage</a>


It should come out looking like this:↓↓

strawpage


I hope this blog was helpful !! :3


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )