Thursday, March 31, 2011

Fresh new perspectives for your blog

Today we’re 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,

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.


  • 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 poststo return to the Flipcard view.
  • In the upper left, click to sort by Date, Author and Category.

  • 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

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.

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


  • 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://buzz.blogspot.com/view

We’re previewing these templates early on so we can incorporate your feedback for a wider launch soon.

No comments:

Post a Comment