Google Reader - Share Your Favourite Blogs

"Mom always taught us to share and now we know why: it's fun. Google Reader, which keeps track of websites you like to read regularly, just added the ability to share what you like to read with your friends." (Mihai Parparita, Google Reader)

If you use Google Reader, a feed reader similar to Bloglines, you can set labels for each feed you are subscribed to. Now you can share all the feeds that have a certain label, for example Google. Google mashes all the feeds that share the label and creates another feed you can send to your friends or embed in your site.

What Google doesn't tell you is how to customize the embedded clip to match your site design. You should go to Google Reader, click the Share link, select the label you want to share, how many items the clip should contain. Stick with the default theme, unless you really like one of the few themes provided by Google. Copy the code to your site:

<div id="googlereader">
..... the code from Google Reader ....
</div>

To customize the look, you'll use CSS. You'll just have to know that the title is a h3 element, the links are included in an unordered list, so you just have to style ul and li. The CSS will look similar to the one below:

#googlereader h3 {
font-size: 1.3em;
margin: 1.3em 0 0.5em 0;
color: red;
}

#googlereader ul {
list-style: none;
margin: 0;
padding: 10px;
}

#googlereader li {
padding-bottom: 5px;
}

If you have more than one blog, this is a good way to promote the other blogs. If you want to keep track of your favourite blogs, this is a good way of showing your visitors what do you like. Another reason for adding Google Reader to your site is if you use Blogger: each post page contains a list of 10 previous posts, but visitors can't see your latest posts which may be better and of more interest to your readers.

If you want to add the latest news from Google Operating System on you site, just copy this code:

<script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/13577231804381328821/label/google?n=10&callback=GRC_p(%7Bc%3A'-'%2Ct%3A'Google%20Operating%20System'%2Cs%3A'false'%7D)%3Bnew%20GRC"></script>