Monday, November 28, 2011

Add your Shelfari Bookshelf to your blog

Today in tech class you are going to add your Shelfari Bookshelf to your blog page.  I've included step by step instructions below.  Follow them carefully and you should not have any trouble.  To see what the final product looks like, check out my page on your student blog page.  Have fun!


How to add your Shelfari Bookshelf to your blog
1.     Sign in to your blog on our classroom page.  The sign in button is on the top right hand side of the screen.
2.     Go to Shelfari—click the Shelfari icon on the blog page
3.     On the Shelfari page, sign in if you are not already.
4.     On the right side of the screen, under “Your Content” click Widgets .
5.     You will be at a “create a widget” page. 
6.     Select “all books” and click continue
7.     Choose the style of your shelf, etc., click continue
8.     Copy the widget code (highlight and command C),
9.    Click the Blogger icon.  It should take you to your blog page
10. From your blog's design page, select "Add a Gadget". Select "basiscs" and then select "HTML/JavaScript". Paste the widget code in the "Configure HTML/JavaScript" content section.   Click save.
11. View Blog to be sure the shelf is on the page and you like the way it looks.  You can check out my shelf on my blog page to see how to do it!