Right after you set up the blog where you will be writing reviews from. You will see the options to add the widget to your blog.

How it behaves

The widget will detect which page is the visitor looking at.

• If the page corresponds to a blog post you have linked in Bratabase then it will show the review widget. If the visitor happens to be a Bratabase user and is logged into Bratabase she will see voting controls to vote straight from your blog.

* If the page does not correspond to a linked blog post, then a widget with your profile will be displayed .

If you have a blog powered by Blogger

You will see the "Add Blogger widget" button.

It will take you to the "Add Page element" page, where you will authorize the widget to be installed.

After you add the widget to your blog. Go ahead and place it wherever you want.

If you use Wordpress.com

If you use Wordpress.com to blog you will add the widget as an Image Widget as follows:

• Go to your blog's Dashboard
• Go to Widgets under the Appearance menu
• Add an Image widget with these values:
• Title: Bratabase
• Image URL: http://bratabase.com/embed/review/img/
• Link URL: http://bratabase.com/embed/review/url/

This version of the widget has some limitations due the security restrictions imposed by wordpress.com

If you host your own Wordpress blog

If you host your own installation of Wordpress. Then you should add a Text widget and put the indicated code as the widget's body.

<bratabase:review></bratabase:review> <script type="text/javascript"> (function(d){ var bbase = d.createElement('script'); bbase.type = 'text/javascript'; bbase.async = true; bbase.src = document.location.protocol + '//bratabase.com/sdk/'; d.getElementsByTagName('head')[0].appendChild(bbase); })(document); </script>

Something else?

For other blog engines, the widgets should still work. The code consists of two parts:

• The HTML chunk that will be replaced by the widget itself. You should paste this bit of code in your blog's template wherever you want the widget to show.
• The Javascript chunk, is the code that will convert the HTML you just pasted into the actual widget. This can go anywhere in your page, but it is preferred to place it closest to the end in the HTML.

My blog does not allow Javascript

If your blog does not support Javascript embedding, you can use the image based widget.

Just add an anchor tag pointing to this url: http://bratabase.com/embed/review/url/ and an image tag inside with this url as its src attribute: http://bratabase.com/embed/review/img/

This is what you should end up with:

Go ahead and copy & paste that bit in your blog's template.