Blogger 'Dynamic Views' Powered by AJAX, HTML5 and CSS3 Launched

Launched today for Google's Blogger.com platform, "Dynamic Views," is built with the latest in web technology (AJAX, HTML5 and CSS3), is a unique browsing experience that makes it easier and faster for readers to explore blogs in interactive ways.The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent […]

Launched today for Google's Blogger.com platform, "Dynamic Views," is built with the latest in web technology (AJAX, HTML5 and CSS3), is a unique browsing experience that makes it easier and faster for readers to explore blogs in interactive ways.

The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent faster than traditional templates and bringing older entries to the surface so they seem fresh again.

"Dynamic Views is much more than just new templates. With just a couple clicks, you'll get infinite scrolling (say goodbye to the "Older posts" link), images that load as you browse, integrated search, sorting by date, label and author, lightbox-style posts for easy viewing, keyboard shortcuts for quickly flipping through posts, and one-click sharing to Google+ and other social sites on every post," Google said.

You can choose from seven different views that display text and photos differently. For example, if you have lots of photos on your blog, you may prefer Flipcard or Snapshot. Here's a quick description of each of the new views:

  • Classic: A modern twist on a traditional template, with infinite scrolling and images that load as you go
  • Flipcard: Your photos are tiled across the page and flip to reveal the post title
  • Magazine: A clean, elegant editorial style layout
  • Mosaic: A mosaic mix of different sized images and text
  • Sidebar: An email inbox-like view with a reading page for quick scrolling and browsing
  • Snapshot: An interactive pinboard of your posts
  • Timeslide: A horizontal view of your posts by time period

To add a Dynamic View to your Blogger-based blog, just log in to Blogger, click on the Template tab on your dashboard, and select whichever view you want to set as your default. Note that readers can still choose to navigate your blog in a different view by selecting from the pulldown in the upper left of the screen.

You can also add your own header image and customize the background colors.

To prvewiew, your favorite Blogger blog, just enter the name of the blog below and click Preview to check it out with Dynamic Views.

.blogspot.com

Watch the video of Dynamic view below:

Update: Google today, October 6 announced the following improvements:

  • Added more emphasis to search results with Magazine & Timeslide
  • Improved the preservation of image position within the full post
  • Enabled JavaScript support within posts
  • Fixed the issue that sometimes resulted in continuously spinning gears after clicking a link
  • Turned on support for Archive pages

Google also, announced that the gadget support and customization is both are on the way! "Since Dynamic Views uses HTML5, Javascript and CSS3, our existing library of gadgets is being rewritten to function in this new environment," said Blogger team.

Google also, promised to enable customization of Dynamic View templates via the Template Designer to helps the bloggers who have already invested lots of time and effort to personalize their blog with custom background, fonts, etc.