An ELLE Tutorial: Truncating Your Posts on your Blogger Blog

Many designers live and die by auto truncating. Personally speaking, I cannot stand it. Let me explain:  Auto truncating is a code that plugs in to your blog (usually in the template) that will allow all your posts to be trimmed. It usually includes a thumbnail and an excerpt of your post and then cuts off with a "read more" link.  Sounds great in theory.   But the truth is that the auto truncating codes will choose whatever image it pleases from your post, often the one you wouldn't have wanted to use. It also only allows so many characters before the "read more" link that will take readers to the full post. So unless you are planning to count each character at the beginning of each post, it may cut you off mid sentence or even mid word!  Not so great in practice.  This is where Bloggers page break will become your best friend. ou see that little button up there in your "new post"? The one right next to the add video and add photo button? That's a page break. And I am going to show you how to use it.

Many designers live and die by auto truncating. Personally speaking, I cannot stand it. Let me explain:

Auto truncating is a code that plugs in to your blog (usually in the template) that will allow all your posts to be trimmed. It usually includes a thumbnail and an excerpt of your post and then cuts off with a "read more" link.

Sounds great in theory. 

But the truth is that the auto truncating codes will choose whatever image it pleases from your post, often the one you wouldn't have wanted to use. It also only allows so many characters before the "read more" link that will take readers to the full post. So unless you are planning to count each character at the beginning of each post, it may cut you off mid sentence or even mid word!

Not so great in practice.

This is where Bloggers page break will become your best friend. ou see that little button up there in your "new post"? The one right next to the add video and add photo button? That's a page break. And I am going to show you how to use it. 

This post is going to be using screen captures from a test blog I just completed. We installed on Monday so take a second and go check out how amazing Helen's design came out over on her blog: Miz Helen's Country Cottage.

NOTE: Feel free to enlarge any of the images if you need larger graphic detail. 

Step 1 | First up, we need to get inside the post you want to truncate.

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 1 | First up, we need to get inside the post you want to truncate.

As you can see, I have a sample post image pulled up. I just have a whole bunch of "test" everywhere to show what a post will look like. This should be old hat to many of you, and even you newbie bloggers probably recognize a new post page. Easy Peasy. 

Step 2 | Write your post, then find a good place to cliffhang.

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 2 | Write your post, then find a good place to cliffhang.

This is the trickiest part, I promise. 

I usually write out my entire post, ad all my photos and then go back and re-read all I wrote (making edits along with way). I then preview the post to make sure it looks as I want it and then go back and look to see where the best "cliffhanger" will be. 

Step 3 | Once you ding it, simply click there to make sure your cursor is inside and... Rip that paper!

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 3 | Once you ding it, simply click there to make sure your cursor is inside and... Rip that paper!

This is where you will click that little button we talked about at the beginning of the blog. It looks like a ripped piece pf paper and now that your cursor is where you want it, just click it!

One you have clicked it, it will look something like this. The magical grey line appears

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 3 | Once you ding it, simply click there to make sure your cursor is inside and... Rip that paper!

Don't worry if it is directly under the text. If you space it between last paragraph you want to show on your home page but before the first paragraph after the line break you will end up with a big gap between paragraphs. Think of that line as you would an extra space between paragraphs. 

Step 4 | Update &Save

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 4 | Update & Save

You should always be saving your progress anyway, but definitely do it now. If you are ready to update or schedule this post, you can click on "publish" or, if you're updating n older post, just hit "Update"/ 

Step 5 | View it

An ELLE Tutorial: Truncating Your Posts on your Blogger Blog - Step 5 | View it

In the case of an updated blog post you can now go directly to your blog (View Blog) and look at your newly truncated post! 

If this is a scheduled post, you'll have to wait until it goes live to see it. Blogger doesn't allow a truncated preview so you wont be able to see it until then. If you haven't done so already, make sure you go and change the wording for the truncated link. This can be done by going to your DASHBOARD >> LAYOUT >> POSTS. Click the edit link and you'll see a spot that says "Post Page Link Text". Simply type in whatever you want it to say on the line break. 

I'm sure you noticed that Helen has a pretty graphic acting as her read more. You can do this too! Tutorial coming soon. 

There you have it folks, the easiest way to truncate your posts without even having to go into your template!

Do you still need a little design help? Don't worry! The Blog Studio offers full service design + branding services! Head on over HERE now to take a look at my custom Blogger/Blogspot packages.

Until next time,

Comment

Elle Ay Esse

I'm Elle, a California girl transplanted to the Midwest with a goal of landing in New Orleans some time in the next five years. I'm self taught in all aspects of design, harking back to the bygone era of MySpace custom flash layouts. I have an eye for pattern and a love for color that makes me a perfect candidate for working as a web designer. Combining my love of design with coding and helping others and I am a natural teacher of all things blog related. My first ever blog was created on AOL Hometowns back n 2003 so I have had a lot of time and experience watching Blog Land grow and evolve and become a place of sharing stories, reviewing products and even making enough money to help support their families.