X4NAX's profile picture

Published by

published
updated

Category: Web, HTML, Tech

HOW TO CUSTOMIZE YOUR BLOG ENTRIES (EXAMPLE HERE)

AS YOU CAN SEE I CUSTOMIZED MY BLOG ENTRY TO HAVE THIS UNIQUE LOOK! HERE IS HOW TO CUSTOMIZE IT AS WELL!!! STEP BY STEP!!


WELL HERE IS A STEP BY STEP GUIDE ON HOW TO DO THIS!!

FIRST YOU MUST LOCATE THIS ICON! 


WHEN YOU CLICK ON IT, IT WILL TURN INTO THIS!


NOW YOU CAN START WITH WHAT YOU KNOW ABOUT CSS! BLOG
 ENTRIES  ARE MUCH SIMPLER THAN YOUR USUAL PROFILE 
BUT YOU CAN STILL CUSTOMIZE THEM!!

USING WHAT YOU KNOW ABOUT CODING FROM MY PREVIOUS BLOG,
 YOU CAN TRY AND MAKE YOUR BLOGS HAVE THEIR OWN UNIQUE VIBE TO THEM!





EXTRAS!!

FOR A SIMPLE BLACK AND WHITE EFFECT THE CODE WOULD BE SOMETHING LIKE:

<style>
body {
background-color: black;
}

main {
background-color: black;
color: white;
}

:root {
  --gray: black;
  --darker-gray: #545454;
  --logo-blue: black;
  --lighter-blue: #000;
  --lightest-blue: #1B1C1C;
  --dark-orange: #FFF;
  --light-orange: #000;
  --even-lighter-orange: #000;
  --strange-yellow: #dbae2e;
  accent-color: #000;
}

</style>

AND IF YOU WANT TO CUSTOMIZE THE BOX THAT CONTAINS 
YOUR TEXT, THEN USE THIS AND ADD WHAT YOU WANT!!

.blog-entry .content, .bulletin .content, .topic-box .content, .reply-box .content {}


FOR EXAMPLE I WILL ADD WHAT PADDING AND MARGIN I'D LIKE!

.blog-entry .content, .bulletin .content, .topic-box .content, .reply-box .content {
padding: 10px;
margin: 12px;
}


24 Kudos

Comments

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

*ੈ✩‧₊˚༺ 𝓥𝓪𝓵𝔂𝓮𝓽𝓽𝓮 ༻*ੈ✩‧₊˚

*ੈ✩‧₊˚༺ 𝓥𝓪𝓵𝔂𝓮𝓽𝓽𝓮 ༻*ੈ✩‧₊˚'s profile picture

That was very helpful. Thank youu


Report Comment

Luke☆˚꩜。

Luke☆˚꩜。's profile picture

I cant put pictures in the box with the text smh


Report Comment



I couldn't really figure it out, you can change the color though.

by X4NAX; ; Report

Yeah I just changed the main backround in the end

by Luke☆˚꩜。; ; Report

gh0ulguttz

gh0ulguttz 's profile picture

THIS IS SO HELPFUL TYTY


Report Comment