CSS Snippets
So a few weeks back I got an offer of help to learn to code. And I started this blog as a tool to help me organize and support my learning process.
Then life suddenly got a whole lot busier. I began working more and the extra money fueled other changes. Plus there was just random life-gets-in-the-way stuff, like the drug dealer next door being evicted, thereby putting me into withdrawal. Ugh.
This blog was started in March. It's now July. That tells you how much my life got derailed.
Probably everyone thinks I'm a deluded liar and lazy ass (who doesn't actually intend to learn to code), as usual. Instead of, you know, I have a fucking genetic disorder and I'm getting well when that's not supposed to be fucking possible, goddamn it. So things often take me extra time.
It's common that when I am on the actual PC -- instead of my phone -- and supposedly doing paid freelance work, I often do a little freelance work, then a whole lot of piddling. The past few days, that piddling has taken the form of adding CSS snippets to some of my blogs.
This is, in fact, a form of writing code, though it's small and has a low barrier to entry. It struck me as significant and possibly a first step towards eventually actually learning to fucking code after a goddamn decade of failing.
If you click on "customize theme" in BlogSpot, you can go into Advanced, then scroll to the very bottom of the list and click on "Add CSS." You can just add CSS to BlogSpot without digging into the raw code.
This makes it safe to play with. You can't break your website. If you don't like the changes you made, you just delete the CSS you added. No big.
This is the general overview:
Here is a more legible detail of the part you will need to work with:
I've been mostly playing with HR tags and Blockquote styling.
Blockquote styling on my personal blog.
Without CSS:
With CSS:
I actually made some other changes to that page, like bolding and right aligning the attribution. The default Blockquote styling of this theme was interfering with what I wanted to do, so I gave up (at least for now) on adding attribution styling within the Blockquote, though I was able to successfully do that on a different website of mine.
But I'm not going to revert everything to how it looked before I began adding CSS snippets to get screenshots of all changes. That's just way too much work.
On the same blog, I cleaned up a section called The Book Of Health to make it look more like a table of contents for a book. This included styling the HR tag at 40% width and making it the same pink as many of the other design elements:
This all started with my personal blog because I wrote a really long draft I never published and I wanted to put in some HR tags to break it up a bit and show where sections ended or began and then realized I was causing changes on the Book Of Health. Plus, since I used to do a little styling of Blockquotes by adding HR tags before and after to give them a little definition, this led me to styling the HR tags.
From there, I styled the Blockquote on a new blog (because Doreen can apparently never have enough blogs).
Without CSS:
With CSS:
I think all of the above was done maybe yesterday and/or the day before. Today, I wrote a new post on The Genevieve Files. This new post has a Blockquote, so I ended up styling it too.
Without CSS:
With CSS:
Again, there were more things done differently before I figured out how to add the styling I wanted. This is the one where I was able to successfully style the attribution as well. Before I managed to do that, I had the attribution at the very bottom of the page below the video.
I will probably clean this up (remove the swearing and editorializing about my shitty life) and add a lot of this info to my professional blog. It's been on my To Do list to start writing there about doing what you want with a BlogSpot blog and/or showing samples of what I can do if people want to hire me.
I studied HTML and CSS from a book and from some CDs or something. Some of that was a gift from a friend, some was stuff I purchased years ago. So I already know some HTML and CSS, not enough to write a lot of code from scratch, but enough to google phrases like blockquote css html style and come up with some sample code that I can modify.
Here are some of the websites I looked at while trying to find blockquote styling I liked:
For future reference (for me, I really like this Coffee one from Code Pen. I also like this blockquote "bubble" from Code Pen.
Then life suddenly got a whole lot busier. I began working more and the extra money fueled other changes. Plus there was just random life-gets-in-the-way stuff, like the drug dealer next door being evicted, thereby putting me into withdrawal. Ugh.
This blog was started in March. It's now July. That tells you how much my life got derailed.
Probably everyone thinks I'm a deluded liar and lazy ass (who doesn't actually intend to learn to code), as usual. Instead of, you know, I have a fucking genetic disorder and I'm getting well when that's not supposed to be fucking possible, goddamn it. So things often take me extra time.
It's common that when I am on the actual PC -- instead of my phone -- and supposedly doing paid freelance work, I often do a little freelance work, then a whole lot of piddling. The past few days, that piddling has taken the form of adding CSS snippets to some of my blogs.
This is, in fact, a form of writing code, though it's small and has a low barrier to entry. It struck me as significant and possibly a first step towards eventually actually learning to fucking code after a goddamn decade of failing.
If you click on "customize theme" in BlogSpot, you can go into Advanced, then scroll to the very bottom of the list and click on "Add CSS." You can just add CSS to BlogSpot without digging into the raw code.
This makes it safe to play with. You can't break your website. If you don't like the changes you made, you just delete the CSS you added. No big.
This is the general overview:
Here is a more legible detail of the part you will need to work with:
Blockquote styling on my personal blog.
Without CSS:
I actually made some other changes to that page, like bolding and right aligning the attribution. The default Blockquote styling of this theme was interfering with what I wanted to do, so I gave up (at least for now) on adding attribution styling within the Blockquote, though I was able to successfully do that on a different website of mine.
But I'm not going to revert everything to how it looked before I began adding CSS snippets to get screenshots of all changes. That's just way too much work.
On the same blog, I cleaned up a section called The Book Of Health to make it look more like a table of contents for a book. This included styling the HR tag at 40% width and making it the same pink as many of the other design elements:
This all started with my personal blog because I wrote a really long draft I never published and I wanted to put in some HR tags to break it up a bit and show where sections ended or began and then realized I was causing changes on the Book Of Health. Plus, since I used to do a little styling of Blockquotes by adding HR tags before and after to give them a little definition, this led me to styling the HR tags.
From there, I styled the Blockquote on a new blog (because Doreen can apparently never have enough blogs).
Without CSS:
I think all of the above was done maybe yesterday and/or the day before. Today, I wrote a new post on The Genevieve Files. This new post has a Blockquote, so I ended up styling it too.
Without CSS:
Again, there were more things done differently before I figured out how to add the styling I wanted. This is the one where I was able to successfully style the attribution as well. Before I managed to do that, I had the attribution at the very bottom of the page below the video.
I will probably clean this up (remove the swearing and editorializing about my shitty life) and add a lot of this info to my professional blog. It's been on my To Do list to start writing there about doing what you want with a BlogSpot blog and/or showing samples of what I can do if people want to hire me.
I studied HTML and CSS from a book and from some CDs or something. Some of that was a gift from a friend, some was stuff I purchased years ago. So I already know some HTML and CSS, not enough to write a lot of code from scratch, but enough to google phrases like blockquote css html style and come up with some sample code that I can modify.
Here are some of the websites I looked at while trying to find blockquote styling I liked:
- 7 CSS Snippets to Style Blockquotes
- 10 Simple CSS Snippets for Creating Beautiful Blockquotes
- Free Frontend
For future reference (for me, I really like this Coffee one from Code Pen. I also like this blockquote "bubble" from Code Pen.