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!