Langsung ke konten utama

Better Post Previews - See How Your Post Will Look To Readers

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 persoalan 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 ).

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.

Komentar

Postingan populer dari blog ini

How To Add A Music Player In Blogspot

Since this archived post was written in 2007, web design and Blogger templates have changed immensely. The development of HTML5 and <audio> tags enable us to add music to our Blogspot websites and posts far more simply, and with improved control. In preparation for explaining how to podcast with Blogger, this tutorial explains how to easily add an HTML5 mp3/audio player to your blog posts or layout. No JavaScript, Flash or plugins are required, and with a fallback for older browsers which don't support the player. I've even created a simple form to generate basic tags for you! Adding music to your Blogspot site has never been so easy! Basic HTML5 Audio Tags Explained The <audio> tag is a new feature of HTML5 which we can use to natively embed audio playback in our sites. It is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari, and can be set to play the linked audio file automatically (autoplay) or loop if required. Here&#

Import Blogs From Another Service To Blogger With The Google Blog Converters Project

A few months back, Blogger announced the ability to import and export Blogger hosted blogs. At the time, it was not possible to import blogs from any other service to Blogger, which left many of us a little disappointed though wondering when this service could be made available. Well it seems there is hope that Blogger can make such a service available through our Blogger dashboards soon enough! Today the the Google Blog Converters project : an open source project which aims to make available the ability to import/export feeds from many different blog platforms: This new Open Source project provides the ability to easily move blog posts and comments from service to service. This initial release provides Python libraries and runnable scripts that convert between the export formats of Blogger, LiveJournal , MovableType , and WordPress . In addition, the source code includes templates for hosting these conversions on Google App Engine . Future additions to the project will includ

Ebooks - Updated Links

As many readers have reported, the links to download my eBooks had become corrupted during my extended hiatus. Today I have uploaded both The Blogger Template Book and The Cheats' Guide to Customizing Blogger templates to Google Documents, a relocation I hope will prove far more reliable than my previous hosting solution! I've updated the download links for these eBooks and hope everyone can now read and download these resources without any problems. It's been a long time since these eBooks were released, so here's a quick overview of both offerings for new readers and those who may have missed the documentation upon their initial releases: The Blogger Template Book Choosing and using a new template for your Blogger powered blog can be quite a daunting task. What is the best method for installation? How can you choose the design and layout most suitable for your blog? The Blogger Template Book is a free complete guide to Blogger templates, from choos