Report Blog Entry
hey slays. it always bothered me that i could never figure out how people customized their blog post layouts until now so ill get em here
- click on the <> sign on the top left of the editor
- paste the code below before your blog content
- should be finished, you can see if it changes after you click on the <> (now an eye) that converts the editor to its original state.
Heres the code i used for this posts layout, feel free to customize as you wish, and please let me know if theres anything i can add/change or ask questions about (however i am not a coder, theres some questions i probably wont be able to answer):
<style>
body {
background-image: url("background image link here!");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-family: 'Georgia', serif;
}
.inner b {
color: #FF0000
}
nav .top {
background-color: black;
}
nav .links {
background-color: black;
text-align: right;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
button {
color: #FF0000;
background-color: black;
}
.count {
color:#FF0000 ;
}
a {
color: #FF0000;
}
nav .links a {
color:#FF0000;
}
footer {
background-color: black;
}
footer p {
color: #FF0000;
}
footer .links {
color:#FF0000;
}
.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
background: black;
color:#FF0000;
}
.edit-info {
background-color: black;
border: 1px;
}
.blog-entry .title {
background-color: black;
color: #FF0000;
padding: 5px;
}
p.links a:first-child .icon{
content: url("icon for your blog here!”);
width: 25px;
height: auto;
}
p.links a:nth-child(2) .icon {
content: url(“icon for your profile here!”);
width: 25px;
height: auto;
}
p.links a:last-child .icon, table.comments-table td .icon {
content: url(“icon to report here!”);
width: 25px;
height: auto;
}
.blog-entry .content {
background-color: black;
padding: 10px;
}
main {
background-color: black;
}
main .left {
background-color: black;
color: #FF0000;
}
main .right {
padding: 1px;
background-color: black;
}
HTML,BODY{cursor: url("cursor link here"), url("cursor link here"), auto;}
.logout-btn,
.blog-entry .kudos-btn{
background: none !important;
border: none;
padding: 0 !important;
cursor: pointer;
user-select: text;
text-decoration: none;
color: #FF0000;
color: var(--#FF0000);
}
</style>
Comments
Displaying 20 of 58 comments ( View all | Add Comment )
Isa
For some reason any code i add doesn't work. When i press the <> and it becomes an eye, it just makes the code smaller and darker. When i go to post the blog it just posts the code
AUGUST
helpp!! the background for the actual post isnt black 3 i copied the code completely so aaa!
AmillyReal
awesomesauce... thanks :D
simon ☕
i love you
1nvad3rBl1ssY
OMGGG THANK YOU SO MUCH!!!
⛓️ jules ☆
thank you for this!!!
k.k
thank youuu
kittistitchez
AHH thank you <3!!!!!!!
lexi
does anyone know how to change the "help" button at the top of the nav bar, next to logout? that's the only word that's still white on my page and I cant find a code to change it
Hafsa
TYSM I was literally struggling on findings tuts :) <3 <3
e
still havent been able to get the cursor to work :( has anyone found a solution to fix it??
make sure it's below everything else besides your text and it should work
by ross; ; Report
will try that out! thanks!
by e; ; Report
misstokenmetal
Thanks so much for this!! It's really helpful.
★BozBoz★
thank you so so so sooo much i didnt know where to put the code
thank you again <3
machidi
tysm! i couldn´t find anywhere how to do this, you save my life fr
disappear
Thanks so much, this was very helpful! <3
Note to all: If your code is broken, try removing the 3 lines of code that change the "Report", "View Blog", and "View Profile" buttons. That fixed it for me and a few others.
M3-obS3s1oN4_el-r0jO
thankuyou!!!
Partial.Boy
THANK YOU, I WAS SUFFERING
celery
how do i change the colour of the text in the navigation bar and the other hyperlinks when the cursor hovers over it?
ah nvm i figured it out!
by celery; ; Report
▞▞▞▞▞▖🆁🅾🅱🅸🅽▝▞▞▞▞▞
THANK YOU THIS IS SO CONFUSING
UrPalBug
THANK YOU I WAS SO COMFUSED.
*confused
by UrPalBug; ; Report