Last week we talked mostly about images, but there are many more ways to clean up your posts. Let’s get started!
Lines, Headings, & Other Separators
Lines & Custom Breaks
Continuing with images, let’s talk about separating your content when you want to add a little flare. In most blogging platforms a simple <hr>, aka Horizontal Rule, will add a line for you to separate your content. Like so:
But maybe you want to add a bit more flare or maybe section headers to your post. Before you make your own line, you’ll want to check the width of your post body.
Personally, I just make the original image 1000 pixels long and maybe 100-200 pixels high, depending on what I want to add in the banner.
The cleanest line, however, is <hr>.
Remember, if you are going to make your own breaking lines, center the image so that it sits in the middle and not randomly off to the side or awkwardly grabbing at your text.
I have been using headers all over this particular post. They help bring attention to the sections and make content more easily browsed. Headers decrease in size the higher the number goes.
I’ve used a few headers in this post to help create subcategories in my point.
I’m a bit more lenient about the use of headers on blogs than I am about images. Ultimately, you can use headers anyway you want to. Do you want to use them to break up your review?
What I liked
What I didn’t like
I’ve also used headers in my interviews and book tags. They help to clean the post up a lot and I highly recommend them.
The Read More Link
You are going to have so many posts on your blog. Some will be long, some will be short, but they will all appear on your archives page. Don’t make your audience comb through the entirety of each post when they visit. Use the Read More Link.
You can also (on WordPress at least) choose to display only a preview of your text. This is under your content options in the customize window.
If you are quoting from something, or even just posting the back copy of a book in the middle of your review, formatting the section as quotes can really help if stand out.
This is a quote.
Formatting it as a quote in your HTML is also helpful for later on if you want to change your theme or style. Because all of these quotes are already formatted this way, and not simply bolded or italicized, you are more easily able to change their appearance uniformly.
Coding is fun!