Step 1. Pick a user list on the library catalogue that you want to use. I'm using my Borrowed in 2014 list through this tutorial.
Step 2. Notice the URL for the list. In the URL, the number that appears before the words in the title of your list is the List ID for the list. Like the ISBN for a book, it uniquely represents this list. In this case, the List ID is 226006717
http://vision.bibliocommons.com/list/show/75445213_rainey/226006717_borrowed_in_2014
Step 3. Next, go to the widgets page for the library catalogue. This page is accessible to anyone, whether they are library staff or patrons, and whether they have a library account or not. (It's a useful resource if you are developing-- or having someone develop-- a web presence for your local library.) You will find this page at:
http://vision.bibliocommons.com/info/integration/ (There is a similar page on any BiblioCommons catalogue, but by using the vision subdomain, you'll get code customized for our library catalogue. If you go to http://ottawa.bibliocommons.com/info/integration/ you will find similar snippets of code, but they'll work for Ottawa Public Library's catalogue.)
If you scroll down to the section labeled User List Carousel, you'll find this snippet of code:
<iframe src="//vision.bibliocommons.com/list/list_browse/user/LIST_ID" height="315" width="550" frameBorder="0" scrolling="no"></iframe>
That gives me the snippet:
<iframe src="//vision.bibliocommons.com/list/list_browse/user/226006717" height="315" width="550" frameBorder="0" scrolling="no"></iframe>
Step 4. To add the carousel to one of your posts, write the introductory text of your post normally with the Compose option selected in Blogger. But when you are ready to add your carousel, switch to the HTML option.
Paste your snippet of HTML at the bottom of your post:
If you try this and it works, I'd be interested in knowing. If you try it and it DOESN'T work, I'd be REALLY interested in figuring out why!
NICE!
ReplyDeleteThank you so much Lorriane! I followed your steps and was able to use the HTML script to make a widget so now my carousel on the top of my blog. Thanks again- great blog.
ReplyDeleteThis is awesome, Lorraine! I'm going to try it now!
ReplyDeleteI just tried it on my blog. It's so neat!
ReplyDeleteHi, Justin,
ReplyDeleteYes, there was a recent change to the carousels. BiblioCommons Support is aware of the impact on the widgets and are working on a fix for the issue.
Thanks!
The fix has been deployed. My carousels are working again.
ReplyDeleteThank you so much for posting this!
ReplyDelete