Simple instructions for embedding a shelfari Widget

2. home tab
First you need to go to the shelfari website
and collect the books you want to include
and add them to your shelf . Then click on
the home tab and this page will appear.

3. widgets
On the right hand side is
Your Content.
Select the widgets item

4. flash
Choose the
Flash widget .
Remember java does not work on
bogED

5. flash your
Fill in
preferred options
Now fill in your preferred options

6. flash your
Fill in
preferred options
Here are the options I used.
You can customize the colour and the size .
Notice how the widget is previewed on the right .

7. embed code
Copy the embed
code
When you are happy copy the embed
code here.

8. blogED
Blog settings
Navigate to your blog and go to the blog
settings.

9. Blog design
Blog design
Click on the blog design tab

10. Blog design
Add the text html
Widget
Near the bottom of the blog design page you will see
the available widgets menu. We are looking for the text
html widget . Click add .

11. Blog design Add the
text/HTML
Widget
Near the bottom of the blog design page you will see
the available widgets menu. We are looking for the text
html widget . Click add .

12. Blog design
Paste shelfari
HTML code here
When the empty box pops up paste the Shelfari code
here and give your widget a title . Then click save

13. Blog design
Update blog
settings
Scroll to the bottom of the page and
update your blog settings.

14. Shelfari widget on
side bar
Now check out your blog sidebar and admire your
new bookshelf.

15. Lots of widgets
on side bar
Remember you can
install lots of other
widgets using the
same method .
Remember to use
html or flash code
and avoid iframes
and java which will
not work with
blogED