I’ve shared on this blog before about my use of the ShareBookBox widget. Well, this month, the widget became even more valuable to me.
On my website, I am no longer allowed to link to outside commercial websites. ShareBookBox and Shelfari were therefore not allowed. Shelfari and Goodreads are also blocked by my district. I was unable to find a great widget to display book covers on my website.
I decided to take a risk and send an email to the ShareBookBox creator explaining my dilemma. Success!
I not only got a positive response, but I received the help I was seeking. So I thought I would share. The following steps explain how to create a BookBox widget without linking each cover to amazon.
If you’re new to the blog, I’ve displayed a BookBox in the sidebar for the NCCBA Picture Books. The list of books is about 12 titles, but only four will display at a time. Every time the page is refreshed, the covers will randomize. I use BookBoxes on my website to display the books I am using for a particular unit. It gives some visual interest to the notes I make online about the lessons I teach.
Sharebookbox is a java widget. The steps below are for creating a BookBox and for removing the amazon links that are the default if you go to the site and follow the directions there. The site is really easy to use, but I like to write directions that are step by step. So it’s not as hard as it looks.
- Add titles to a new bookbox by searching for titles, navigate with the “next” link, and then and click the green plus icon once you have located the correct cover. You may need to search by author or ISBN.
- Decide how many books will display at a time on your site. Enter that number in the “Nr. Of books” space.
- Sharebookbox does not require a username and login, but if you plan to edit your box later, you need to choose a password. I suggest choosing one simple password that you can use with every bookbox you create. Enter this in the “Create new BookBox” space.
- Once you enter a password and save the box, code will appear below the “save and embed.”
- Copy the code.
- Navigate to your website. On my website (which is at pbworks), I have to click a “insert java/widget” button and then paste the code. You’ll have to determine the best location for your content.
- Edit the code. If you leave the code as it is, each cover becomes a link to its amazon page. You can delete the links with a simple fix. Instead of “widget2” in the code you’re going to change the 2 to a 3. The code is very short and the bit that gets edited looks like this: src=”http://www.sharebookbox.com/widget3.php?id=2282
- I admit that I take the “get your own bookbox” code out of the mix. As much as I like ShareBookBox, I don’t feel the need for my students to link to it. I think I’ll express my appreciation in another way on my site. You can delete everything between < / script > and the < ! – Bookbox widget END -- > and it will remove the sharebookbox image and the link.
- Save your page and cross your fingers!
- Happy dance!
Please feel free to post questions about this widget in the comments. I’m happy to help!