ALL PC &ALL MOBILE: dynamic views

A more dynamic mobile reading experience

<div dir="ltr" style="text-align: left;" trbidi="on"><b id="internal-source-marker_0.76699627796188" style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Last year we introduced </span><a href="http://buzz.blogger.com/2011/06/announcing-blogger-mobile-templates.html"><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">mobile templates</span></a><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> on Blogger, and </span><a href="http://buzz.blogger.com/2011/09/dynamic-views-seven-new-ways-to-share.html"><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Dynamic Views</span></a><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> for the desktop. Since then, over 2 million blogs have started using Dynamic Views on desktop, and users have asked us for more mobile features. So today, we’re bringing the speed and advanced reading experience of Dynamic Views to mobile.  Configuring your blog to use a Dynamic View on mobile will result in a reading experience that mirrors the desktop, but is optimized for mobile.</span><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">To configure a Dynamic View for mobile on your blog, select the "Template" tab, and then click on the settings cog under the “Mobile” preview.  </span></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfJzw0QgMcYI5oGIShqUd3sqOUnGNJzVLS2KRmXVe1Uh27C6LCif00VaJbkYxeFiCooFk_df0iQEFkHtzDseUfQjDgWEl5J_WVBYLdBoxJcOwC3tZ_CU_WW4Zwv-X8ybVh8TEMwaHPMto/s719/Blog1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfJzw0QgMcYI5oGIShqUd3sqOUnGNJzVLS2KRmXVe1Uh27C6LCif00VaJbkYxeFiCooFk_df0iQEFkHtzDseUfQjDgWEl5J_WVBYLdBoxJcOwC3tZ_CU_WW4Zwv-X8ybVh8TEMwaHPMto/s640/Blog1.jpg" width="640" /></a></div><b style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></b><b id="internal-source-marker_0.76699627796188" style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">If you’re currently using Dynamic Views on the desktop and have the “Default” mobile template selected, you don’t need to do anything -- your blog will automatically start using the mobile optimized view when viewed from a compatible mobile browser. For more information, see </span><span style="color: #1155cc; font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><a href="http://support.google.com/blogger/bin/answer.py?answer=2685928">Blogger Help.</a></span></b><br /><b style="font-weight: normal;"><br /></b><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsX2Dg1xdL_OIK2l84IbTSyRuudUWVy4qTgopuUzDs0BwnKCoqQSa7c94L3I3J-vvnL3gaV23vGHAIIukrupqTEDiEpnpNIrwRDqftV6SBZ1J63wMwlBUTfp2X5GkWbgOemGrzaL9Lmio7/s576/blog2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="568" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsX2Dg1xdL_OIK2l84IbTSyRuudUWVy4qTgopuUzDs0BwnKCoqQSa7c94L3I3J-vvnL3gaV23vGHAIIukrupqTEDiEpnpNIrwRDqftV6SBZ1J63wMwlBUTfp2X5GkWbgOemGrzaL9Lmio7/s640/blog2.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><b id="internal-source-marker_0.76699627796188" style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Currently, only the “Classic” view, which is best suited for small screens, will be shown on mobile. Tablets with large screens will get the full desktop experience. As with the older mobile templates, supported browsers are WebKit-based browsers (such as Android Browser, Chrome for Android and iOS, and Mobile Safari).  </span></b><br /><b id="internal-source-marker_0.76699627796188" style="font-weight: normal;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">We hope your readers enjoy the modern, compelling experience that this mobile update provides.</span></b></div>

A more dynamic mobile reading experience

Last year we introduced mobile templates on Blogger, and Dynamic Views for the desktop. Since then, over 2 million blogs have started usin...

Translate, and two more new gadgets for your dynamic blogs

<br /><div class="p1"><span style="font-family: Arial, Helvetica, sans-serif;">If you’re like many Blogger users, you write in one language, but may have readers from around the world. Not all of them speak your language. Today, we’ve made it easier to bring content from your blog to everyone, with the release of a new Google Translate gadget.</span></div><div class="p2"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh49z3Jejthr4TxB_K9hL6PdSZwHZm6NFCt2muu-1B0sPV6Znk3kUcbnuyEzZ3nFxZtmEJwNORoa8wl5q4i-7qY8bVx7F_OL7aQA6A2mDbn6-DusXbKnVmlJrLrfpaTjy5Yo2AEPCzFyBN0/s800/translate%2520-%2520dv.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh49z3Jejthr4TxB_K9hL6PdSZwHZm6NFCt2muu-1B0sPV6Znk3kUcbnuyEzZ3nFxZtmEJwNORoa8wl5q4i-7qY8bVx7F_OL7aQA6A2mDbn6-DusXbKnVmlJrLrfpaTjy5Yo2AEPCzFyBN0/s800/translate%2520-%2520dv.jpg" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;">With the Google Translate gadget, visitors to your blog can select their preferred language from the drop-down menu, and using Google’s </span><a href="http://translate.google.com/" style="font-family: Arial, Helvetica, sans-serif;"><span class="s1">free translation service</span></a><span style="font-family: Arial, Helvetica, sans-serif;">, it will display your posts in any of the 50+ languages Google Translate supports.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_hwcEI75tuOkgOJyAMgurX0kRZIWsQ9DCdPcQzFzQexaghtnACbSroKHeUk18tfOA_K2IAl-FUxyhmXBjsBgHqeRP2L36MLsC4sQBuQSy0hRrkGvS6Qzwzyj7mWpUEbrgMUt8O4cLd3y0/s800/translate%2520dv.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_hwcEI75tuOkgOJyAMgurX0kRZIWsQ9DCdPcQzFzQexaghtnACbSroKHeUk18tfOA_K2IAl-FUxyhmXBjsBgHqeRP2L36MLsC4sQBuQSy0hRrkGvS6Qzwzyj7mWpUEbrgMUt8O4cLd3y0/s320/translate%2520dv.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">In addition to the new Translate gadget, we are also introducing a pair of gadgets that allow you to highlight things around the web you care about. For example, with the Blog List gadget, you can highlight blogs you enjoy. With the Text List gadget, you can display a list of your favorite books, movies, or whatever you like - helping your readers get to know you better.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIiccPEoxT2Yl0DXZtpikeiVlsPV9H267-y4EnTZWUVsyeWVSP_Ukw9TPU2Vw5E5K9-xa04h0N0dzrNaUFpOdG9UXRw1720HWnKrSxAQklCvkoa1MKq47Bbw5skScCGdoEOnrrHGUubBn/s800/list%2520gadgets.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIiccPEoxT2Yl0DXZtpikeiVlsPV9H267-y4EnTZWUVsyeWVSP_Ukw9TPU2Vw5E5K9-xa04h0N0dzrNaUFpOdG9UXRw1720HWnKrSxAQklCvkoa1MKq47Bbw5skScCGdoEOnrrHGUubBn/s320/list%2520gadgets.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">To add these gadgets to your blog, click "Add a Gadget" from the "Layout" tab, and select them from the list of gadgets under "Basics". You’ll see three new gadgets for your dynamic blog, including “Blog List”, “Text List” and “Google Translate”.</span></div>

Translate, and two more new gadgets for your dynamic blogs

If you’re like many Blogger users, you write in one language, but may have readers from around the world. Not all of them speak your languag...

Dynamic Views: Update #3 - Gadgets!

<div class="separator" style="clear: both; text-align: center;"><br /></div><b id="internal-source-marker_0.40959393000230193"><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Hi Bloggers.</span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Have you been contemplating a new design for your blog? Are you ready to spruce up your pages with a fresh, modern, and new look? Then you may want to check out </span><a href="http://buzz.blogger.com/2011/09/dynamic-views-seven-new-ways-to-share.html"><span style="color: #1155cc; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Dynamic Views</span></a><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"> - which now include gadget support. </span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><a href="http://www.youtube.com/watch?v=lpDQF2lFnBU"><span style="background-color: white; color: #1155cc; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Dynamic Views</span></a><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"> are a set of templates that make it </span><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">easy and f</span><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">un to explore a blog. As you might expect, we’ve made the gadgets interactive too. Instead of appearing in a panel that consumes valuable real estate on your blog, gadgets now appear in a dock that slides in and out as you move your cursor over them. </span></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-zrnJemUOugQ/T0xYNj1FnfI/AAAAAAAAAmk/efVNL_STawg/s1600/dock+states.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://1.bp.blogspot.com/-zrnJemUOugQ/T0xYNj1FnfI/AAAAAAAAAmk/efVNL_STawg/s640/dock+states.jpg" width="640" /></a></div><b id="internal-source-marker_0.40959393000230193"><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Gadgets supported in Dynamic Views currently include: Blog Archive, Followers, Labels, Profile, Subscribe (a new gadget - automatically present if either Follow By Email or Subscription installed), and Link List. These gadgets make it easier for your readers to navigate your blog (archive, labels), and to follow it (followers and RSS). </span></b><br /><span id="internal-source-marker_0.40959393000230193"><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">If you are currently using a traditional template and change to Dynamic Views, supported gadgets will automatically appear on your blog. Gadgets can be added, removed, or customized from the Layouts tab the same as with any other template. </span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">If you’re one of the millions of people who have adopted Dynamic Views since we launched them in September 2011, we encourage you to head on over to our </span><span style="color: #1155cc; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"><a href="https://plus.google.com/u/0/110587955497525318489/posts" target="_blank">Google+ page</a></span><span style="font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"> and tell us what you like about them!</span><br /><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Happy blogging.</span><br /><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span><br /><span style="background-color: white; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">Bruce Polderman, Product Manager</span></span>

Dynamic Views: Update #3 - Gadgets!

Hi Bloggers. Have you been contemplating a new design for your blog? Are you ready to spruce up your pages with a fresh, modern, and new loo...

Dynamic Views: Update #2

<div dir="ltr" style="text-align: left;" trbidi="on">Hi Bloggers!<br /><br />Thanks again for all the terrific feedback on Dynamic Views. Over half a million blogs have selected Dynamic Views as their default template since they were <a href="http://buzz.blogger.com/2011/09/dynamic-views-seven-new-ways-to-share.html">introduced</a> less than a month ago, which is solid evidence that you’re as excited about this new technology as we are!<br /><br />As I mentioned in my last <a href="http://buzz.blogger.com/2011/10/dynamic-views-update-1.html">update</a>, we’ve been working hard to respond to your feedback and quickly introduce enhancements. The ability to customize Dynamic Views has been a top request, so I’m pleased to announce that as of today, this is now possible. <br /><br />Using the Template Designer, you can now modify your background, fonts, or colors, and add a custom header image like we did on <a href="http://buzz.blogger.com/">Blogger Buzz</a> (just make sure it’s 65 pixels high). If you don’t fancy yourself a web designer, simply choose from one of the “suggested themes” that we provide.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-6Qz7T_iLI8A/TqdIy3RO_lI/AAAAAAAAAxw/NBjZ42LxuH8/s1600/buzz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://2.bp.blogspot.com/-6Qz7T_iLI8A/TqdIy3RO_lI/AAAAAAAAAxw/NBjZ42LxuH8/s640/buzz.jpg" width="640" /></a></div><div style="text-align: center;"><br /></div>To begin personalizing your blog, log in to the Blogger dashboard, select “Template”, choose from one of the seven Dynamic Views, and then click “Customize” to access the Template Designer. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-NX7-g0KsCB4/TqdH-mUaCHI/AAAAAAAAAxc/dTFB9-LNr9Q/s1600/template%2Bdesigner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-NX7-g0KsCB4/TqdH-mUaCHI/AAAAAAAAAxc/dTFB9-LNr9Q/s1600/template%2Bdesigner.jpg" /></a></div><br />Finally, if you’re waiting for gadget support in Dynamic Views, stay tuned...<br /><br />Happy blogging!<br /><br />Posted by: Bruce Polderman, Product Manager</div>

Dynamic Views: Update #2

Hi Bloggers! Thanks again for all the terrific feedback on Dynamic Views. Over half a million blogs have selected Dynamic Views as their def...

Fresh new perspectives for your blog

<div dir="ltr" style="text-align: left;" trbidi="on">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, to deliver a host of benefits to you and your readers:<br /><ul style="text-align: left;"><li>Infinite scrolling: read more posts without having to reload or click to a second page</li><li>New layouts: different views suited to different types of blogs</li><li>Speed: download images as you view them, not all at once in advance</li><li>Interactivity: there are now more ways to experience and engage with blog content</li></ul><iframe align="center" allowfullscreen="" frameborder="0" height="323" src="http://www.youtube.com/embed/fuDuNV4h_ZI" title="YouTube video player" width="530"></iframe><br /><br />Click on any of these links to take the new dynamic views for a spin on a few of our favorite blogs: <a href="http://mlovesm.blogspot.com/view/flipcard">Flipcard</a>, <a href="http://www.thecrosbykitchen.com/view/mosaic">Mosaic</a>, <a href="http://bloggerindraft.blogspot.com/view/sidebar">Sidebar</a>, <a href="http://akanina.blogspot.com/view/snapshot">Snapshot</a> and <a href="http://blearyeyedfather.blogspot.com/view/timeslide">Timeslide</a>.  <br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1DyOr8TWv6ini1vNN6wWONUOMHnqI2ISZf8YD7rJXOHuVY007WyR0mruZ9BH99xnw0cVYr0E-DROHnvZwMtW38TkkaduX0BoTHZZDJwaiwxPFmx6CBFyPHiMcOk97kDbZjl4cOoFWKgt/" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="409" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1DyOr8TWv6ini1vNN6wWONUOMHnqI2ISZf8YD7rJXOHuVY007WyR0mruZ9BH99xnw0cVYr0E-DROHnvZwMtW38TkkaduX0BoTHZZDJwaiwxPFmx6CBFyPHiMcOk97kDbZjl4cOoFWKgt/s500/Flipcard.png" width="500" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Flipcard</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwPJGm0A2EnsRLgqPvPFGzGYtQdSmr110wm8zGHU3s7KH0J-t4ufUYarhn2a6QBT_yz93hcuAsgZPQkbY6AU_OAEYqFAvVBt4I_F0jrQyLtQsPwJzmlUbsopDN06-k5ICRFdCs7rz7Tp0/" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwPJGm0A2EnsRLgqPvPFGzGYtQdSmr110wm8zGHU3s7KH0J-t4ufUYarhn2a6QBT_yz93hcuAsgZPQkbY6AU_OAEYqFAvVBt4I_F0jrQyLtQsPwJzmlUbsopDN06-k5ICRFdCs7rz7Tp0/s500/Snapshot.png" width="500" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Snapshot</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYTf0okawGcXc1mcS5aw2zzGsAonGfFs3IK0TgUPCzFP7NxFahcp9IFfwsTLk3TaZRd4O5TMdHgsR1N17AYI6JX-0u3lWghicbAB_j60b9KLuPW3aMvx4c03oC5lAMxwsUcBXGrDHhZon/" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="422" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYTf0okawGcXc1mcS5aw2zzGsAonGfFs3IK0TgUPCzFP7NxFahcp9IFfwsTLk3TaZRd4O5TMdHgsR1N17AYI6JX-0u3lWghicbAB_j60b9KLuPW3aMvx4c03oC5lAMxwsUcBXGrDHhZon/s500/Mosaic.png" width="500" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Mosaic</td></tr></tbody></table>To try these views on your own blog, simply add “/view” to the end of the blog URL—for example, <a href="http://buzz.blogspot.com/view">http://buzz.blogspot.com/view</a>. These new views are available on all public Blogger blogs with feeds fully enabled—to learn more, including how to disable these views for your blog if you wish, please see our <a href="http://www.google.com/support/blogger/go/626c69747a">help center article</a>.  <br /><br />We’re previewing these templates early on so we can incorporate your feedback for a wider launch soon.  At that time you’ll be able to customize these templates and select one for your blog.  Please <a href="https://spreadsheets.google.com/viewform?formkey=dG5vUHotaWxTdnpMTkk1RkNXMkFtVkE6MQ">let us know what you think</a>!<br /><br />Antin Harasymiv, Software Engineer, Blogger</div>

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 u...