Better Post Preview

Posted by Jaesun Park, Software Engineer

Many of us preview our posts multiple times before we are satisfied with them for public viewing. Blogger in Draft now supports a new, improved preview feature that allows you to see how your post will actually look to your readers.

On the New Post page, click on the Preview button (this is a new button that we’ve just added), and you will see a new window open with the WYSIWYG preview of the post. This is how your blog post will appear to your readers when you hit publish, with the same format and style of your current Blogger theme.




Please note that the preview page does not automatically update as the contents of the post changes. To make sure the post looks OK after you've done further editing, you can refresh the preview page manually, or click the Preview button again.

Panoramio Widgets let you add photos from around the world to your blog

Posted by Roger Trias i Sanz, Panoramio Software Engineer

Today the Panoramio team launches the Panoramio Widget API, an easy way to publish photos of your favorite places right on your blog. Panoramio is a collection of user-submitted images from around the world. With the Panoramio Widget, you can share photos of places visited in your far-off travels, or of your favorite local haunts.



To add Panoramio to your blog, you’ll need to add a bit of HTML. We always recommend adding HTML via the HTML/Javascript gadget (Layout > Page Elements > Add Gadget > HTML/JavaScript), or if you want images in individual posts we recommend using the Post Editor’s Edit HTML tab (Posting > New Post > Edit HTML). (Note: we do not recommend editing the full HTML of your blog since it prevents us from updating your blog with cool new features.)

For example, the images gallery above was created by adding the following snippet of HTML to our blog post:

<iframe src="http://www.panoramio.com/wapi/template/slideshow.html?tag=sanfrancisco&width=450&height=400&delay=6.5" frameborder="0" width="450" height="400" scrolling="no" marginwidth="0" marginheight="0"> </iframe>

Learn more about widget customizations and get the HTML by reading the Panoramio Widget API documentation. And we love feedback! Tell us how we can improve the widget by commenting in our forum, and happy blogging!