23 Better Post Previews - See how your post will look to readers
May 17, 2010 /

After a hardworking weekend, I found an awesome treat in my feed reader this morning! Blogger in Draft today published details of the enhancements to the post preview feature of our blogs which enables us to see how our posts will look to readers:



Up until now, when we preview a post we are writing for our Blogger powered blogs, we have seen only a white, format-less version of our musings, with none of the formatting and visual style which is added by our template and CSS.

With this new feature in place, we can see preview exactly what the post will look like when published, including any style attributes generated by our template code.


How it works



The updated post preview feature is available to those using Blogger in Draft to publish their posts, though as it seems to be working well for everyone so far I imagine it will become available to those using the regular editor soon enough.

This enhancement works similarly to the preview system offered by the Edit HTML template editor; rather than have a pop-up display, the preview is generated in a new browser tab (or page, depending on which browser you are using). Simply click the "Preview" button, which now appears beneath the post editing section to see this new feature in action:

I find this particularly useful when deciding which size of images to use in my blog posts as I can see exactly how the post will be formatted when the style generated by my templates is applied.

This works even with an immensely customized template such as mine. It's seamless and works beautifully right out of the box, and is a welcome addition to the series of enhancements we've seen the Blogger team push through over the past few months.

A note for Blogger hackers:

The only possible problem you may face when using this feature is if you customize the display of posts on the home page (for example, if you use conditional tags to add content/alter the layout of posts as I do for Blogger Buster).

As the post preview works in the same way as the template preview, you will see how your post would appear on the home page of your site, not on an individual item page. So if your template features customizations which affect the display of posts, you may not be able to see properly how your post will be formatted.

For most Blogger users, this will pose no issues at all.


Do you use the new template preview? What do you think?

While this enhancement is subtle, I find it immensely useful when writing and previewing my blog posts. What are your experiences with this? Have you had any problems editing and previewing your posts, or do you find this as useful as I do?

Please feel free to leave your comments and opinions below.

23 Comments:

17 May 2010 14:37 Sonieta ladeloslibros said...

Ceci est très utile et évite de republier plusieurs fois le même post Très bien merci!!!!!

17 May 2010 17:01 Trina L. Grant said...

My favorite of all my blogs is still at Blogger. I love the simplicity of Blogger, even though I know the rest of the writing world is just wild over Wordpress. I'm one of those writers/readers who believes 'content is king'. I can look past the minimalist look of a page and find the meat of the matter. I'm very excited about this new development. I haven't used it yet, but I'm definitely going to check it out. Thanks for the heads up.

17 May 2010 17:20 Lynda Lehmann said...

Thanks for the heads-up, Amanda. I haven't tried it yet, but will look for this improved feature.

17 May 2010 18:00 West Wight Sangha said...

It doesn't display a "jump break" if you use one. On the other hand when I tested this I did notice that the break no longer appears AFTER "LinkWithin" which was why I hadn't been using this long awaited feature.

17 May 2010 19:14 Anara said...

I would love to see how my "read more" looks to readers - that drives me nuts. I also have a problem with creating captions for pictures. I would make the text smaller and italicize,and after the first picture Blogger starts inserting extra close span code so that all the pictures appear on my condensed post. I stopped making captions because it was too time intensive to clean this up. The screw up also does not appear in my preview, so I no longer felt comfortable scheduling a picture/caption intensive post in advance. If I missed one extra piece of code than it was really making by blog look sloppy. Kind of a pain!

17 May 2010 19:45 Maya said...

I saw it and feel happy. This new feature is really helpful to view the preview.
I like to get your new blog design, but you are neglecting me. why?

17 May 2010 21:37 TheLabRat said...

I've been using Windows Livewriter to post my blogs (which I haven't had a chance to update in eons) and have, therefore, had no problems with my post preview. Is see it how it will look on the post page. The only problem is that, as Anara noted, I don't see how the "read more" will look. This is why I keep a test blog that is identical to my real blog so I can double check the spacing of the read more paragraph breaks before committing a post to the real blog.

Still, I'm stoked that draft is adding this feature. My blog template is customized to holy heck and back but I realize most people's aren't and this will likely be very handy for them.

17 May 2010 22:06 Jennifer Wagner said...

I just noticed it this morning and I love it. I agree with you about how useful it is to see how photos look on a post before publishing, especially when I use more than one photo in a post.

17 May 2010 22:53 Mario "Coldstream" Galteri said...

Saw it yesterday. Great!
Can anyone tell me how to change the default font in my posts?
www.coldstreamau.blogspot.com

18 May 2010 03:04 Vinod Kumar Tadiparthi said...

hey it is not showing for me..in the blogger..i'm in the new updated editor..only..but still not coming...

18 May 2010 03:39 Hack Tutors said...

Good new. I am checking it out :)

18 May 2010 03:45 Swayam Das said...

Thanks for the information! Was checking it out last night! Your absolutely right.. It's AWESOME! Finally, us, Bloggers can post at ease! Cheerz! :)

18 May 2010 13:39 Family Health said...

Thanks for the heads up.

18 May 2010 20:05 Kiev apartments said...

Actually I use template previews with the same aims. Just to see do the pics fit in the text well or not.
thanks for sharing your ideas.

19 May 2010 01:48 David said...

Thanks you share :D

19 May 2010 03:50 Faith | UPrinting said...

Awesome! This is just what I am wanting to have on my blog. It's kinda odd to publish a blog and doesn't have a clue what it would look like to your readers. I was even sending the link to my friends and ask them how it looks like. But with this, TWO THUMBS UP!

19 May 2010 21:12
Harriet said...

Hi Amanda.
Wow- it looks nice around here!

Have a great day!

20 May 2010 18:12 Real estate Montenegro said...

Personally me I don't like Blogger. But it's true and amazing - lot of nice blogs still use this platform.

21 May 2010 20:41 TheLabRat said...

I forgot to mention that Windows Livewriter is freeware. And it comes without any Microshaft tech problems that I've found. So if the new feature isn't working for you, you might give that program a try.

22 May 2010 05:56 Reza Winandar said...

I don't know about this a lot, but I think it's better to test your new template on a dummy blog to see how it works.

30 May 2010 05:33 DS said...

Yeah, this is a really cool feature for Blogger thanks for sharing!

31 May 2010 12:10 Peter said...

this is awesome, thanks for this, it is so usefull.

Post a Comment

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me