Report Blog Entry
Hi! This post is to help anyone learn how to customize their blog post! I spent a crazy amount of time trying to figure this out, but I'm hoping that I have simplified it with this post!
DISCLAIMER
I know basically nothing about this type of stuff. This is just knowledge I've picked up and I'm sharing it with you!
This is a GUIDE to help you figure stuff out NOT A LAYOUT
This is very basic stuff like text color, background color, and changing the left-side icons. I do not know how to do anything fancy I'm sorry :(
Tutorial and Tips!
I recommend doing this in Diary mode and posting a random comment so you can see what's being changed there too. Once you're all done you can simply copy and paste the code into whatever blog post you want!
On your toolbar, there are these <> symbols. Click on that and it should turn into an eye
Once the eye shows up you will paste the code I provide at the end of this post
Click on the eye so the <> symbols show up again
BOOM!! A unicorn threw up on your layout :3
DON'T PANIC It's supposed to look like that. Everything is a different color so you can easily tell what is what.
Some background colors will be shown like red; If you do not like that shade of red no worries! you can change it to the HTML color code
Example: red; --> #a71111;
In this code, you will also see I've pointed out which HTML color codes change the color of certain texts. (Unfortunately, I couldn't figure out what one of them was I'm so sorry if you figure it out please lmk)
Example: color: #000000; (TEXT COLOR FOR: DISPLAYING OF COMMENTS/COMMENTS TIME OF POSTING)
Feel free to delete the parenthesis and what's in them! Or you can keep them there so you don't get lost!
Every time you change something make sure to click on the eye to see it update OR update your blog entry and view it to see if something else changed (like the comments)
The End
Bit by bit your blog layout will come together! Suddenly you will be all done with your own unique layout
I'm so proud of you!!
If you run into any problems, get confused, or need some extra help comment or IM me. I'll respond as soon as I can!
I hope this post makes it easy for you guys to figure it out I'm sorry if it's not good enough I tried my best ;-;
The code will be down below! Have fun :)
<style>
body {
background-image: url("PASTE URL HERE");
background-position: center center;
background-size: repeat;
background-attachment: fixed;
font-family: 'Georgia', serif;
}
.inner b {
color: #000000; (TEXT COLOR FOR: DISPLAYING OF COMMENTS/COMMENTS TIME OF POSTING)
}
nav .top {
background-color: red;
}
nav .links {
background-color: orange;
text-align: center;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
button {
(TEXT COLOR FOR: SEARCH/UPDATE BLOG ENTRY- DELETE THIS OR ELSE COLOR WONT CHANGE FOR SOME REASON) color: #000000;
background-color: yellow;
}
.count {
color: #000000 ; (TEXT COLOR FOR: THE NUMBERS IN BETWEEN DISPLAYING OF COMMENTS)
}
a {
color: #ffffff; (TEXT COLOR FOR: SPACEHEY RULES/ABOUT, NEWS, RULES, ETC AT THE BOTTOM/ YOUR NAME, VIEW PROFILE, VIEW BLOG, REPORT, CATAGORY YOU PICKED/ VIEW ALL, ADD COMMENT/ EDIT, DELETE, PIN TO BLOG)
}
nav .links a {
color:#000000; (TEXT COLOR FOR: TOP BAR HOME, BROWSE, SEARCH, MESSAGES, BLOG, ETC)
}
footer {
background-color: green;
}
footer p {
color: #ffffff (TEXT COLR FOR: BROUGH TO YOU BY/ DISCLAIMER AT THE BOTTOM)
}
footer .links {
color: #000000; (I'm sorry I don't know what this one is for)
}
.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
background: blue;
color:#000000; (TEXT COLOR FOR: COMMENTS)
}
.edit-info {
background-color: purple;
border: 1px;
}
.blog-entry .title {
background-color: grey;
color: #000000; (TEXT COLOR FOR: BLOG ENTRY TITLE)
padding: 5px;
}
p.links a:first-child
.icon{
content:url(BLOG ICON URL HERE);
width: 25px;
height: auto;
visabiliy: ;
}
p.links a:nth-child(2) .icon {
content: url(PROFILE ICON URL HERE);
width: 25px;
height: auto;
visabiliy: ;
}
p.links a:last-child .icon, table.comments-table td .icon {
content: url(REPORT ICON URL HERE);
width: 25px;
height: auto;
visabily: ;
}
.blog-entry .content {
background-color: #ff65d6; (HOT PINK)
padding: 10px;
}
main {
background-color: #88ff80; (LIGHT GREEN)
}
main .left {
background-color: #80cfff; (LIGHT BLUE)
color: #00ff15;
}
main .right {
padding: 1px;
background-color: #ffd0f7; (LIGHT PINK)
}
</style>
Comments
Displaying 15 of 15 comments ( View all | Add Comment )
yumekiw
how did u add music to ur blog?? i tried to do it and it plays when i edit it but it doesnt play it on the actual post
ϰ♗↳↳ ☂♄€ ☾♗❡
Can you please tell me how to make my font bigger for the actual blog itself?
On your toolbar there should be a symbol like "Tt" and clicking on that will give you "Paragraph, Header 1, Header 2, ETC" That should change text sizes!! I don't know of any other way sorry!! ;-;
by ☆ Lizzy ☆; ; Report
Nick
this is so useful thank you!!!
⋆ ˚｡⋆୨୧˚ ABRA ˚୨୧⋆｡˚ ⋆
Omg thank you so much for this!! I found someone else's blog entry with a copy/paste for the code, but I had no idea what most of the functions did. Thanks for adding this, it prolly saved me like 3 hours lol!!
Maybe saved you a few days… took me a few days (ó﹏ò。) Glad I could help !!
by ☆ Lizzy ☆; ; Report
☆~catalanufa~☆
I have an issue. The code works perfectly, but on the preview of my blog, you can see the code. Does anyone know how to avoid this?
So if I’m not misunderstanding, the code works when posted but when editing it shows? If that’s the case yes the code will be there when typing you just have to work around it! If I’ve misunderstood please correct me.
by ☆ Lizzy ☆; ; Report
cadence ⚢
you're such a lifesaver, thank you so much!!!
wyster1aa
Haiii so the main background color won't change. Can you help me with that? I'm having so much trouble.
Hai!! I’ve been out of wifi for 2 months and this is so much easier on computer but I can try with my phone!! What exactly are you typing in for the background? You might be typing it wrong either not spaced out or too many spaces.
by ☆ Lizzy ☆; ; Report
I've kept the whole code the same except for a few things. I changed up the main background colors a bit but it still hasn't changed.
by wyster1aa; ; Report
Okay so my recommendation is if you’re typing a color instead of a html code make sure to remove the hash tag!
Example
red;
not #red;
If you’re doing html code then used both # and ;
If that still isn’t working try removing the parentheses i added like (LIGHT PINK) because it might be interfering. Although i checked the code and it was working just fine but try doing that!
by ☆ Lizzy ☆; ; Report
snowman
AUGH you're a lifesaver thank you so much!
MotherMole
Thx! I didn't know what certain features on spacehey were called so this was helpful :)
Jasmine
Ah! Thank you so much! I'm gonna post so many blogs now! ^^
elle’s room
Thanks so much! Almost everything worked for me, except for the purple part for some reason :( The color isn't purple anymore if I change it, but it turns into a blue color (Google is telling me #e0ecfc).
I'll dm you maybe I can help!
by ☆ Lizzy ☆; ; Report
ulecznia
i love this! where can i find cool icons? (ex. blog icon, report, etc.)
Here are some sites I've used! :D
https://pixels.crd.co/#pixels
https://rentry.co/borderpixels
https://rentry.co/yori-san-tiny
by ☆ Lizzy ☆; ; Report
tyy!
by ulecznia; ; Report
UR SAVING MY LIFE <333
by pay; ; Report
youwillsm1le
heyy so, my background repeats itself multiple times and i dont like that, is there a way i can fix that??
Yes!! At the top of the code where it says:
background-size: repeat;
You can change "repeat" to auto, contain, or cover!!
by ☆ Lizzy ☆; ; Report
tyy!!!
by youwillsm1le; ; Report
J☆zmin
Thanks so much! I've been trying to do it on my own, but never understood it TT. I'll practice now with that Layout!
Of course!! Good luck :D
by ☆ Lizzy ☆; ; Report
x_X_xN1C0_X_x_X
waaa tysm for this!!! (oT-T) i have been trying to figure stuff up bcs u know nothing about codind and this srsly saved my whole life (∩˃o˂∩)♡
Of course!! I'm so happy I could help (⁀ᗢ⁀)☆
by ☆ Lizzy ☆; ; Report