eiran's profile picture

Published by

published
updated

Category: SpaceHey

How to customize your Blog Entry !!

heart divider

It took me a while to understand how to customize my blog entry, so I want to share how I did it pink bunny

exclamation pink NOTE: English is not my first language; apologies for any mistake. If you have any question, comment below and I will try to explain. 


ribbon divider

code ᝰ.ᐟ

First, click the < > button, it has to turn into an eye.

1space 2


Once there you can start to write your own HTML code, here is the code I used for this blog, feel free to copy or customize it:

<style>



body{

background-image:url(https://files.catbox.moe/5wcjc3.jpg);

color: black;

font-family: hearts;

font-size: 22px;

}


:root {

--logo-blue: #f785a2;

--darker-blue: white;

--lighter-blue: #fdaaba;

--even-lighter-blue:#ffc6d1;

--lightest-blue: #ffc6d1;

--dark-orange: #f785a2;

--light-orange: #ffc6d1;

--even-lighter-orange: #fdaaba;

--green: #fdaaba;

}


footer{    

background-color:#fdaaba;    

}


/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1027.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1027.gif), auto !important;} /* End https://www.cursors-4u.com */

/* fonts */

    @font-face { font-family: "hearts"; src: url('https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf'); }

</style>


ribbon divider

specific codes ᝰ.ᐟ

purple bear How do I change fonts? 

First, you need to link your fonts. You can download your fav fonts from google fonts and upload them on websites like catbox.moe or dropbox. You can also google for websites with pre-uploaded fonts, like this one.

Then, import your fonts like this:

  @font-face { font-family: "FONT NAME"; src: url('link');

That done, write this in your body:

body{

font-family: FONT NAME;

}

In the same section, you can change the font size (font-size: 22px;) and colour (color: black;).

purple bear How do I embed music?

This part is a bit tricky. Sometimes it works, sometimes it doesn't. That doesn't mean you're doing anything wrong, it seems it's mostly a SpaceHey mistake. The code I use is:

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

purple bear How do I insert a custom cursor?

Custom cursors are quite easy !! This website has many cursors you can choose from. Click in any cursor you like and scroll down, there you'll find the code. Just copy and paste it in your code. 

cursor


ribbon divider

any other question? ᝰ.ᐟ

Do you have any problem? You can comment your questions below, and I will try to help you !! 

Good luck >⩊<


0 Kudos

Comments

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