class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/00_newssquares1.jpg?54167" alt="" />Are you the kind of person that keeps up with the latest news? If you are, then you will be familiar with
class="vt-p" href="http://www.makeuseof.com/tags/rss/">RSS feeds. One of the most well-known names in the realm of online RSS clients is
class="vt-p" href="http://www.makeuseof.com/dir/tag/google-reader/">Google Reader. Even though the service has gradually improved its interface, it’s still just lists of texts.
If you are a Google Reader user who wishes to try a different interface, you might want to try
class="vt-p" href="https://chrome.google.com/webstore/detail/mkmehbmdeabanfnddlekelahkaclfdhl#">NewsSquares, a
class="vt-p" href="http://www.makeuseof.com/tag/6-chrome-web-apps-check/">Chrome extension which will add style and interactivity to Google Reader.
News In Squares
Start by visiting the NewsSquares extension page and installing it in your
class="vt-p" href="http://www.makeuseof.com/tags/chrome/">Chrome browser.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/00b_install_addon.jpg?54167" border="0" alt="00b install addon" width="570" height="270" />
You can customize the extension by going to the
class="vt-p" href="chrome://extensions">Chrome Extensions page, locating NewsSquares from the list, and clicking on the “Options” link.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/00c_extensions.jpg?54167" border="0" alt="00c extensions" width="580" height="190" />
There are many elements you can customize on the Options page, but the most important for first users is the NewsSquares URL under the “Use NewsSquares as Homepage” option. Copy and paste the URL into Chrome’s address bar and hit “Enter“.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/09b_settings2.jpg?54167" border="0" alt="09b settings2" width="580" height="320" />
You’ll see NewsSquares’ starting page. Click “Start” to begin. After clicking the button, NewsSquares will start building your “news wall“. Please note that you have to log into your Google account before you start NewsSquares because it needs your Google Reader data.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/01_start.jpg?54167" border="0" alt="01 start" width="580" height="439" />
To see what changes will happen to your Google Reader before and after using NewsSquares, here’s the screenshot of the original Google Reader. You can see the list of news on the main pane, while the sources are listed on the sidebar.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/00b_google_reader.jpg?54167" border="0" alt="00b google reader" width="580" height="292" />
Here’s what it looks like under NewsSquares. News sources are arranged into colorful squares with the latest articles featured upfront. More news from one source will be available after clicking on the square.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/01b_news_wall.jpg?54167" border="0" alt="01b news wall" width="580" height="299" />
Adding News
As a first step, NewsSquares will offer to add more news subscriptions to your news wall.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/02a_add_news.jpg?54167" border="0" alt="02a add news" width="580" height="300" />
There are two panes you can use to add news subscriptions.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/02b_pick_news.jpg?54167" border="0" alt="02b pick news" width="580" height="386" />
The left pane allows you to pick sources based on topics. Choose one of the topics from the left sidebar, then add the sources to your Google Reader by clicking the “Add” button.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/02c_topics.jpg?54167" border="0" alt="02c topics" width="480" height="440" />
Alternatively, you could also search for the topic on the right pane, and add sources from the search results.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/02d_find_favs.jpg?54167" border="0" alt="02d find favs" width="390" height="380" />
There’s one other way you can use to add sources to NewsSquares. When you are on a webpage, right click that page, and choose “Add to NewsSquares“.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/05f_add_to_ns.jpg?54167" border="0" alt="05f add to ns" width="580" height="270" />
Filtering & Reading
To read news, you can browse around the squares and pick one of the sources. But you can also filter them to get a clearer view. There are filtering options at the bottom of the screen. You can search the sources, show the unread ones only, or show by categories.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/03b_bottom_menu.jpg?54167" border="0" alt="03b bottom menu" width="570" height="120" />
For example, I put “makeuseof” into the search field and the one square that appears shows MakeUseOf articles.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/03f_search.jpg?54167" border="0" alt="03f search" width="580" height="461" />
Clicking on a square will open up the reading pane. The selected article is displayed in the middle while other articles are floating about at the bottom of the screen.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/04a_reading_news.jpg?54167" border="0" alt="04a reading news" width="580" height="346" />
The reading menu on the left allows you to close the reading window, mark all articles as read, shrink or enlarge the source square, and unsubscribe from the source.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/04b_side_menu.jpg?54167" border="0" alt="04b side menu" width="200" height="220" />
If you scroll down to the bottom of an open article, you’ll find options to share the article, view it on its original webpage, give stars, like, keep it unread, and add tags. This is also the place where you can find options to play audio content (for podcasts).
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/04c_bottom_article.jpg?54167" border="0" alt="04c bottom article" width="580" height="89" />
Keep NewsSquares Open
To keep yourself always updated on all the news you follow, you can use
class="vt-p" href="http://www.makeuseof.com/tag/informative-pinned-tabs-upgrading-chrome">Chrome’s “Pin” feature. Right click on NewsSquares’ tab and choose “Pin Tab” from the pop-up menu.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/05a_pin_tab.jpg?54167" border="0" alt="05a pin tab" width="440" height="210" />
This action will put the pinned tab on the far left of the tabs, and it will always be opened every time you (re)start Chrome.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/05b_pinned_tab.jpg?54167" border="0" alt="05b pinned tab" width="380" height="120" />
News junkies who use both
class="vt-p" href="http://www.makeuseof.com/tags/google-reader/">Google Reader and
class="vt-p" href="http://www.makeuseof.com/tags/chrome/">Chrome will find NewsSquares as a fresh alternative to read RSS feeds on Google Reader.
Have you tried NewsSquares? What do you think about it? Do you know other alternative methods to hack Google Reader? Please share ideas using the comments below.
href="http://www.makeuseof.com/tag/add-style-interactivity-to-your-google-reader-with-newssquares-chrome/">Add Style & Interactivity To Your Google Reader With NewsSquares [Chrome] is a post from:
href="http://www.makeuseof.com">MakeUseOf
More articles about:
href="http://www.makeuseof.com/tags/chrome-extensions/" title="chrome extensions" rel="tag">chrome extensions,
href="http://www.makeuseof.com/tags/feedreader/" title="feedreader" rel="tag">feedreader,
href="http://www.makeuseof.com/tags/feeds/" title="feeds" rel="tag">feeds,
href="http://www.makeuseof.com/tags/google-chrome/" title="Google Chrome" rel="tag">Google Chrome,
href="http://www.makeuseof.com/tags/google-reader/" title="google reader" rel="tag">google reader,
href="http://www.makeuseof.com/tags/news/" title="news" rel="tag">news,
href="http://www.makeuseof.com/tags/reading/" title="reading" rel="tag">reading
/>
Similar articles:
class="st-related-posts">
href="http://www.makeuseof.com/tag/ways-to-stay-on-top-of-the-news/" title="Ways to Stay on Top of The News (January 18, 2008)">Ways to Stay on Top of The News (15 comments …)
href="http://www.makeuseof.com/tag/two-online-services-to-clean-up-your-rss-feeds/" title="Two Online Services To Clean Up Your RSS Feeds (March 18, 2009)">Two Online Services To Clean Up Your RSS Feeds (12 comments …)
href="http://www.makeuseof.com/tag/the-new-rss-feed-reader-wars/" title="The New RSS Feed Reader Wars! (June 21, 2008)">The New RSS Feed Reader Wars! (41 comments …)
href="http://www.makeuseof.com/tag/taptu-multiplatform-mobile-news-reader-curator-ios-android/" title="Taptu: A Multi-Platform Mobile News Reader & Curator [iOS & Android] (April 26, 2011)">Taptu: A Multi-Platform Mobile News Reader & Curator [iOS & Android] (6 comments …)
href="http://www.makeuseof.com/tag/readefine-newspaperize-web-content-with-newspaper-formatting/" title="Readefine – Newspaper-ize Web Content With Newspaper Formatting (February 11, 2010)">Readefine – Newspaper-ize Web Content With Newspaper Formatting (5 comments …)



View full post on MakeUseOf