☆ How To Customize Your 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 ;-;

<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>