Friday, May 16, 2014

Rock the Blog: Creating a Permanent Blog Post Template in Blogger

Rock the Blog is a "How To" for bloggers.

Since I'm based in Blogger most posts will revolve around the Blogger platform though some ideas may apply to Wordpress as well.

So for my first Rock the Blog I'm chatting about something that was a huge time saver for me and really has helped me out as a blogger...

How to create a Permanent Blog Post Template in Blogger!

Whenever I create a "New Post" it automatically comes up with the "After" view instead of a blank post where you have to build from scratch each time. 

Not only is it a time-saver but it also gives the blog visual consistency which I think is important.

This will benefit those that have set items they include in the majority of their posts.

If you've been around the blog you might have noticed my post style.

Nearly every post on herding cats in some way has...

~ a green text box
~buy links (with those little divider bits)
~rating/heat/type if it's a review
~a divider image set
~and my follow options/share-a-holic links 

And that gets to be quite a lot having to piece that together for every single post.

So I set to figuring out a way to make life easier and landed on the following steps.

After you've pieced together what you'd like your template to look like switch to html view and copy all of your code.

Next what you'll do is go back to your main opening page and scroll down a bit to "Settings".

Click that and it opens another small menu.

Select "Posts and Comments"

This will open up a new page giving you a few options.

Including...a "Post Template" option!

This is where you'll paste in the html code you've just copied a couple steps earlier.

Then click "Save Settings" in the upper right side of your page.

But not quite done. You're gonna need to tweak.

After you've saved your settings click to create a "New Post" and you'll get your new template. 

The problem is everything will be smooshed together.
But it'll give you a starting spot and it's an easy fix to get things all polished off.

I like opening mine with some spaces between each of the items items.
All you do to add them in is go back to the previous step where you pasted in your html code and add <br> wherever you'd like a line space to occur.

This step is a bit of back and forth. Add your <br>'s then "Save Settings" and create a "New Post" to check how things are going. It took me maybe 4 or 5 go betweens to get everything lined up and spaced how I wanted.

But after doing that now every single time I create a new post my green boxes, my follow options and share-a-holic buttons and dividers pops up automatically. Then I can tweak from there if it's a different type of post--interview/guestpost/etc 

So. That's our first Rock the Blog.

Hopefully you found it helpful. If you have questions about a certain step just let me know.

Please feel free to share the post and pass this along to others! 
If you have a topic you'd like chatted about just let me know!
If I know how to do it I'm more than happy to set up a Rock the Blog.

Follow on Bloglovin

[Are you a blogger? Leave your link so I can visit you too! ~Anna]

No comments:

Post a Comment

I always enjoy hearing what YOU think so come on and leave a comment. Everyone's welcome :) And feel free to leave comments on old posts. I'll check in on you there too :)

Bloggers don't forget to leave your links!

The Herd Archives