Skip to main content

Using CSS Styling on BlogSpot Sites

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.

(Originally published elsewhere by me.)

Popular posts from this blog

Sticky This: See a typo? Submit a pull request.

For the first time ever, I submitted a pull request yesterday to an open source project notifying them of a typo. It was accepted within hours. Submitting the pull request was easy and took almost no time. The process of submitting it gave me valuable prompts, such as "This field is typically no more than 50 characters." I've been on Hacker News for over eleven years. I began wondering how on earth I can contribute to open source as a non-coder a few years back. I've talked to other non-coders who were just as mystified as I was -- or more mystified -- as to how on earth you get into open source as a non coder. So, no, it isn't just me. I spent probably a few hours yesterday trying to sort out how on earth to notify them of their typo. It took me far, far longer to figure out what I needed to do than it took to do it. This is a huge barrier to entry and will stop most people before they begin. Most people simply can't give you three hours of their t

Me. Woodward Park, Fresno, CA. January 2016.

My favorite pic of me that's sort of recent-ish. (No, you aren't lost. As of June 1, 2020, redirects here.)

My First Pull Request Was Approved! Huzzah!

A few hours ago, I submitted my first ever pull request . I mean to something other than the Hello World project Github walks you through to show you the basics. It has now been approved by the maintainer and merged. And, wow, I need to get this off my chest: You programmers are completely unnecessarily scaring off non-programmers from your Open Source projects. This is how this went down: I saw a piece on Hacker News that interested me and I opened it up to find that it was a Github repository. I began reading the documentation and noticed a typo. One of the titles said "Funtion" instead of "Function" in it. So I was like "I would like to tell them." Now the last time I wanted to tell someone in Open Source they had a typo, I left a comment on Hacker News to do it. They did fix it and apparently took some of my other advice as well. But this time the article didn't have a lot of comments. It only has two, in fact. So I felt like le