CSS Styling On BlogSpot

BlogSpot gives you a great deal of control over what you do with the website and serves all coding and design skill levels equally well. For people with zero skills, you can select from one of their existing themes. If you are a serious coder, you can click on "Edit HTML" under "Theme."

For an intermediary level of customization, you can click on "Customize." It takes you to a dashboard where you can change elements of existing themes in a safe manner. If you don't like what you did, each section has an "undo" option called "Clear advanced changes to (section name)."

In this dashboard, you can even add CSS styling with zero danger of permanently breaking your website. If you don't like what you have changed, you can just delete the CSS.



Here are some examples of adding CSS styling to the Blockquote attribute.

Example One
Without CSS:

With CSS:



Example Two
Without CSS:
With CSS:


Example Three
Without CSS:

With CSS:



I have done a bit of self-study for both HTML and CSS from resources like books and tutorials. I don't currently write much code from scratch, but understanding how it generally works makes it easier to google up some CSS samples and then change colors and other details to make it work for the BlogSpot website in question.

If you have no coding experience, this is still a safe thing to play with on a BlogSpot website. You can just google up code samples, copy and paste them into your BlogSpot "Add CSS" section and do a preview of how it impacts things.

Do keep in mind that CSS makes global changes. So if you add CSS styling to the Blockquote element to improve a page you are currently writing, it will also make those changes to any other pages that include a Blockquote element.

It's a best practice on an existing website to revisit other pages using that element and see if you need to clean up anything.