Show off your favorite blogs with a Blog List

June 05, 2008

Show off your favorite blogs with a Blog List

Today we’re releasing a new page element for Layouts blogs: Blog List. The Blog List improves on our Link List page element by using blogs’ RSS and Atom feeds to show update times, post titles, and snippets.

Use a Blog List to put a blogroll in your sidebar, or make a few to categorize the blogs you read. The Blog List works well for any page that has an RSS or Atom feed, so you can get creative: link to news sites, podcasts, Twitter streams, search results, or anything else with a feed.

Here’s a quick summary of the features that a Blog List gives you:

• Link to blogs, web pages, and feeds from your blog’s sidebar, with an optional favicon
  
• For pages with RSS and Atom feeds, Blog List can show last updated time, post title, and a snippet of the latest post
  
• Sort links alphabetically or by last update time
• Show all links, or hide some behind a “show all” link
  
• Import subscriptions from Google Reader
  
• Blog List links are visible to search engine crawlers, so your blog’s PageRank and reputation flow to those you link to
  

Want to see it in action? We made a help video to walk you through adding and configuring a Blog List:
-gadinkid@gmail.com-

जावास्क्रिप्ट Tutorial

Have you read our columns about Print Templates?

न Notice that the alert box does not include the zoom factor specified in the STYLE's #container1 rule, although its effect is clearly noticeable (200%)। Here is the how we define the STYLE rule #container1 in this tip:

#container1
{
zoom:200%;
position:relative;
} To remedy this problem (the style object's zoom property not initialized), you need to explicitly initialize the style's zoom property. We added an onload event handler to this tip's BODY tag, which is set to init(). The init() function looks like this:

Play around now with the following text box that impacts the zoom factor of container2 below. After you hit the RETURN key, the alert box will include the initial zoom factor (150%):
%
Have you read our columns about Print Templates?
Here is the how we define the STYLE rule #container2 in this tip:
#container2
{
zoom:150%;
position:relative;
} And here is the code for container2 and its event handler, updateZoom2():
%

Have you read our columns about Print Templates?
Notice that, for consistency reasons, we initialize the text box to the same value we set the zoom factor to in the init() function.
This tip works on IE 6.0 and above.
-gadinkid@gmail.com-