Formatting Your Posts: Part 2

Blog Features & Headers (9).png

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.

I'm a custom break!.png

I'm also a custom break!.png

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. 

Headers

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.

heading 1

heading 2

heading 3

heading 4

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?

Summary

Review

What I liked

What I didn’t like

Cover

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 Untitled.png

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.

Quotes

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!

blog menu
Here’s a helpful diagram so you know what each button does. You may recognize the other buttons, like Bold, Italic, Alignment, and Spell Check, from your word processor.
Advertisements

Leave a comment and let me know what you think!

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s