Intro

Wouldn't it be great if people who read your page could post about it on Blogger without leaving your page? That's exactly what this simple web page will show you how to do. The JavaScript and HTML on this page can be copied onto any page to add a Login button and a rudimentary Blog post creator. It was designed to illustrate the Blogger JavaScript API and it serves as a starting point if you would like to do something similar.

How it works

When you click the Login button below, you are taken to Google's AuthSub page to authorize this page to access your Blogger feeds. Once you give permissions to this page, the login button will be replaced with a text area for creating a new blog entry. The editor reads a list of your blogs using the Blogger JavaScript client library, and posts to the desired blog.

For more information on the Blogger JavaScript API, please see the developers guide. If you get stuck, members of the Blogger dev discussion group should be able to help you.

To embed this sample in your page, add the following HTML

<script src="http://www.google.com/jsapi?key=YOUR_API_KEY"></script>
<script src="http://gdata-javascript-client.googlecode.com/svn/trunk/samples/blogger/blog_this/blog_this.js"></script>
<div id="blog_this"></div>

You also need to make sure that your page contains an image which is served from your domain.

Sample