82 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.

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

82 comments:

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

    ReplyDelete
    Replies
    1. What would you recommend about your submit that you made a few days in the past? Any positive?

      Delete
  2. 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.

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

    ReplyDelete
  4. 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.

    ReplyDelete
  5. 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!

    ReplyDelete
  6. 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?

    ReplyDelete
  7. 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.

    ReplyDelete
  8. 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.

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

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

    ReplyDelete
  11. Good new. I am checking it out :)

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

    ReplyDelete
  13. 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.

    ReplyDelete
  14. 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!

    ReplyDelete
  15. Hi Amanda.
    Wow- it looks nice around here!

    Have a great day!

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

    ReplyDelete
  17. 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.

    ReplyDelete
  18. 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.

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

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

    ReplyDelete
  21. This is one of the things I never had to deal with for Wordpress. Another way to get nice previews for Blogger is to use Windows Live Writer connected to your Blogger blog and it can do previews as well.

    ReplyDelete
  22. Hi Amanda.
    Wow- it looks nice around here!

    Have a great day!

    ReplyDelete
  23. Bslpackers provides Packers & Movers services in Chennai comes from a very young and dynamic team who believes and understands the connotations of household movement.If details to know about this site http://bslpackers.com.

    ReplyDelete
  24. I loved what youve done here. The design is elegant, your stuff classy. Yet, youve got an edginess to what youre offering here. Ill definitely come back for more if you keep this up. Dont lose hope if not too many people see your vision, know youve got a fan right here who values what youve got to say and the way youve presented yourself. good on you!
    Small Business Loans

    ReplyDelete
  25. Really you have done great job,There are may person searching about that now they will find enough resources by your post.I like this blog..
    Blogger how when you visit my site,
    My Site created for men's health,
    Here the best method for you and get the best Penis Enlargement Pills today.

    ReplyDelete
  26. These kind of post are always inspiring and I prefer to read quality content so I happy to find many good point here in the post
    temporary tattoo

    ReplyDelete
  27. The author has written an excellent article. You have made your point and there is not much to argue about. It is like the following universal truth that you can not argue with: No truth is universal, everything has its exception. Thanks for the info penis enlargement penis enlargement pills VigRX Plus

    ReplyDelete
  28. This comment has been removed by the author.

    ReplyDelete
  29. 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.
    international movers

    ReplyDelete
  30. Blogger is the best blog site I know. Its easier to sue compared to the others. I like how you used screenshots in this blog to describe what you're trying to say. I use the Windows Live Writer to see previews and its just perfect.

    ReplyDelete
  31. "The ALL NEW 2011 Naish Park kiteboarding kite is a stable, ultra responsive design based off of the Torch. This is one of the few kites that really has everyone at kiteboarding.com excited. The 2011 Naish Park's swept leading edge positions the wingtips behind the center of the kite, which gives the kite easy relaunch capabilities and maximizes depower. The “do everything” nature of the 2011 Naish Park opens up a huge range of performance options for the rider. It is the perfect tool whether you are focusing on sticking that handle-pass rotation, bashing the lip, or maximizing your freeride time on the water. The Naish Park 2011 uses patented design features including Power Foil Canopy. This increase performance at different levels and creates an amazing step forward in kite performance. The2011 Naish Park is in stock and ready to ship out. Feel free to stop by the shop or take the new 2011 Naish Park out for a spin. We think you will be surprised by what this simple looking kite can do.
    "

    ReplyDelete
  32. What is interesting here is not just info, but style of presentation of information. Simply desire to say your article is as astounding. The clarity in your post is simply cool and I could assume you’re an expert on this subject. Waiting for more articles from you. Thank you so much!

    ReplyDelete
  33. Well done! I am grateful that you have shared this important post with me. Thanks! I am sure people must have got impressed with this post!

    ReplyDelete
  34. Nice share tanks for this post

    ReplyDelete
  35. Read a lot of similar articles, but only found this article to my taste, thank you uggs outlet stores

    ReplyDelete
  36. gucci outlet Report. Rushed a soldier on duty ran into the company headquarters. MP02lq

    gucci factory outlet You, you do not complacent, there you are afraid of the time. Commissar Zhao retorted.

    outlet gucci Scream growl, like a fly into the sea. Descendants of a single poem Red Horse Road, said: "Pentium Trinidad dusty swing, climbing Purple Haze Dushu

    gucci handbag outlet Let us now turn to Zhang, Duan Gui and Liu-Wang robbery own young emperor, suddenly fire smoke, the night running to the North Mangshan. About two more hours, followed by www.cheapguccioutletonline.com

    ReplyDelete
  37. Hi & Hello to everyone here.
    I am glad that I am here. This post seems to be innovative and informative to me. I wish to participate in such discussion further.

    ReplyDelete
  38. I've created a handy "Review Generator" for those who prefer to mark up their posts the easy way. Using this review generator, you can easily mark up your review posts using microformats, for increased visibility in search engines.Simply fill in the form and generate your code. You can even preview your review to make sure everything is correct before copy/pasting the code into your post editor. Head over to the review generator page to generate your own review posts, and please tell your friends if you find this useful!

    ReplyDelete
  39. Thanks to share with us the information. I wish you good luck!

    ReplyDelete
  40. This is great. But if the website is a Wordpress, it is easily install one of the many available plugins for this function.

    ReplyDelete
  41. Folks, I really like this function I really like it a lot.

    Mikesman,
    http://thesupermanstamina.com/

    ReplyDelete
  42. thanks for your information master

    very helpful

    ReplyDelete
  43. You hit comprehend out of the most construction topics.oil change coupon

    ReplyDelete
  44. Wel well, this is kinda nice preview stuff.

    Regards, The2GirlsTeachSex

    ReplyDelete
  45. This one is nice indeed.

    Mikeman,
    http://taoofbadass101.com/

    ReplyDelete
  46. I was suggested this blog by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my difficulty. You are amazing! Thanks!

    ReplyDelete
  47. From what I can tell, the way to customize the appearance is to add the class prefix ".mobile " to additional style statements in order to customize the appearance in mobile browsers. Not had time to try it much yet, but will do my best over the holidays so I can write up a post.

    sex video
    asian sex tube
    free teen
    latin sex porn
    secret porn
    cute porn
    sexy teen
    cd porn
    hot porn tube
    sex video
    fac sex
    sex movies
    xxx videos
    teen sex
    porn movies
    porn videos
    search porn tube
    redtube
    red tube
    xnxx
    porno
    lesben porno

    ReplyDelete
  48. good post.this information is useful for me. thanks for sharing.


    Website design Bangalore

    ReplyDelete
  49. One of the biggest challenges in which any individual confront will be justifying precisely what 1 want to do along with the reason why it will affect the rank quo -- whether it be to provide judgment or perhaps commencing any converstaion. Advertised . facilitates as soon as reading through your own stuff insisted on the make any difference you could have highlighted. Fine tunning the idea a person mentioned will really provide brand-new possibilities in this field associated with curiosity and also provides will probably consequence some thing constructive. My spouse and i value your energy associated with acquiring see of preceding mentioned subject.

    ReplyDelete
  50. 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.

    ReplyDelete
  51. Happy to learn to read the write-up. The niche that you just outlined preceding will be truely handy. It is really assist for anyone to help exercise. I'm keen on that and let me advocate that to help other folks. Appreciate it pertaining to giving this facts. Good luck in the future blogposts.
    bane coat

    ReplyDelete
  52. Wow thank you this is just what I have been looking for - great work please check my post!!!!

    Online Essay Maker

    ReplyDelete
  53. Wow thank you this is just what I have been looking for great work plz chek my blog

    Essay Creator

    ReplyDelete
  54. Your Work is exellent it's helpful for me also check my post!!!

    Academic Writing Companies

    ReplyDelete
  55. Dev India Packers and Movers in Vadodara provide both private and commercial removal and transportation services. From a house removal to multiple pallet collections/deliveries we will be able to help and not let you down. We have a 100% record of happy customers and they always use us again. Our 15 cubic meter van can easily take most single bulk items. We are based in Vadodara, Gujarat, India and have fast access to the Highway No.8, No.12 and No. 5 motorways allowing us to be enroute to any location asap. Car carriers is one of our specialist areas we can liaise with the seller/buyer and make all arrangements for you. So if you are looking for a fast friendly and above all reliable Packers & Movers and Transportation service give us a try.

    ReplyDelete
  56. Azad Packers and movers in Vapi have developed as a leading Packers and movers company among the packing and moving industry and now we are emerged as a one among the best in delivering the services associated with the packing and moving. The services are intended to deliver the happiness to the customers along with the delivery of the goods.

    ReplyDelete
  57. Professional Packers and Movers Company in Vadodara is a safe and affordable option of your office relocation or Household Shifting. They will offer you complete home relocation or office shifting services also within the expected budgets. Reputed shipping companies of the city are expert in Packers and Movers jobs in vadodara.

    ReplyDelete
  58. Fabulous article writing. Your article delivers varied passion therefore I bookmarked this science system for future visit that i hope can get a current content from your post and every one content unit progressing to be pleasant to scan with some new things.
    web development dubai
    dubai web design

    ReplyDelete
  59. i think this is going to be a big help for me. thanks!

    ReplyDelete
  60. Packers and Movers in Vadodara - Sunrise Packers and Movers is one amongst the foremost reliable firms within the field of load packing and moving. when defrayal long years during this trade we have a tendency to ar these days one amongst the foremost established name. we have a tendency to serve our shoppers with the respect and concern. - http://www.sunrisemoversandpackers.com

    ReplyDelete
  61. Being professional and experienced Movers & Packers in Vadodara, Blue Bird (I) Packers And Movers are here to shift your valuable and precious house hold goods to your destination - safety and in time. By different carrier vehicles, we move your household items to reach the destination.

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Advertise on Blogger Buster

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:

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