Chrome Extension for Dynamic Views

Last week Blogger brought five exciting new ways to view your blog content, which take advantage of the latest web technologies to provide a richer experience for your readers. You can already see these views in action by appending /view to the end of any Blogger URL, and now Blogger announced another way to experience these views via the Blogger Dynamic Views Chrome extension.

Once installed, the extension will automatically detect when you are viewing a Blogger blog, and then display a Blogger icon (the orange ‘B’!) in your address bar which lets you select and view the blog in one of the five new dynamic views.

Of course, you can always disable the extension whenever you want from the Extensions section of the Tools menu.

[via Blogger Buzz]

Dynamic Views for Readers

Blogger currently offers five dynamic views for its public blogs. These views are only accessible if allowed for by the blog author.

• Flipcard: available at [blogURL]/view/flipcard
• Mosaic: available at [blogURL]/view/mosaic
• Sidebar: available at [blogURL]/view/sidebar
• Snapshot: available at [blogURL]/view/snapshot
• Timeslide: available at [blogURL]/view/timeslide

As an example, the URL for accessing the Sidebar view for Blogger Buzz would be http://freeblogspottemplates.blogspot.com/view/sidebar.
These views require modern browsers such as Internet Explorer 8+, Firefox 3.5+, Chrome or Safari. Many elements of these views will not work should you have an older browser.

In all views, search is available in the upper right hand corner. Clicking on the ">" arrow in the very top left of the header bar will slide the header bar across and allow you to choose different views for the current blog as well as type in a new blog URL.

Flipcard

http://freeblogspottemplates.blogspot.com/view/flipcard

• Mouse over any of the cards to see the post title and comment count. As you scroll down, additional posts will continue to load.
• Click on a card to see the post in full view. You can navigate through the posts using J (older post) and K (newer post) or the arrow keys. Hit Escape or click Back to all posts to return to the Flipcard view.
• In the upper left, click to sort by Date, Author and Category.

Mosaic

http://freeblogspottemplates.blogspot.com/view/mosaic

• Clicking on an individual tile will expand that post to the full width of the view, and clicking again will collapse the post back into its original position.
• The exact position of the tiles is randomly determined each time the blog loads, but they will appear chronologically from top left to bottom right.
• Once a tile is expanded, you can page down by using the "up" and "down" arrow keys as well as J and K.
• This view is optimized for the tablet viewing, and supports screen rotation.

Sidebar

http://freeblogspottemplates.blogspot.com/view/sidebar

• Optimized for quick reading and browsing.
• Left sidebar is list of chronological posts, with comment counts and thumbnails for individual posts.
• J and K arrow keys will navigate through the posts, and comments can be displayed on the same page by clicking the Show link.

Snapshot

http://freeblogspottemplates.blogspot.com/view/snapshot

• This view will display only the posts which have images.
• Clicking through any photo will display the full post page, with naviagtion links at the bottom for Newer and Older posts
• Mousing over any photo will display a post snippet

Timeslide

http://freeblogspottemplates.blogspot.com/view/timeslide

This view breaks the blog content down into three different areas:
• Left column: Enlarged picture with a post snippet, title, and snipppet displayed in chronological order
• Middle column: Displays just the post title and snippet
• Right column: Displays just the individual post titles
When searching for posts in this view, the results will be highlighted.

Dynamic Views for Blogger blog

Today Blogger's previewing five new dynamic templates in Blogger that you’ll soon be able to customize and use for your blog. These new views use the latest in web technology, including AJAX, HTML5 and CSS3, to deliver a host of benefits to you and your readers:

• Infinite scrolling: read more posts without having to reload or click to a second page
• New layouts: different views suited to different types of blogs
• Speed: download images as you view them, not all at once in advance
• Interactivity: there are now more ways to experience and engage with blog content

To try these views on your own blog, simply add “/view” to the end of the blog URL—for example, http://freeblogspottemplates.blogspot.com/view. These new views are available on all public Blogger blogs with feeds fully enabled.

These dynamic views will work on your blog if all of the following are true:

• Your blog is public. Your readers don’t need to sign in to view your blog.
• Your blog has feeds fully enabled. In the Settings | Site feed tab, you have enabled either Full or Jump Break for your Post Feed.
• You have not disabled dynamic views. In the Setting | Formatting tab, the option for Enable Dynamic Views is set to Yes.

If any of the above conditions are not true, users who attempt to access dynamic views for your blog will instead be taken to a landing page and redirected to your original blog in a few seconds.