The lovely Nicole @ Feed Your Fiction Addiction inspired this post today. We were discussing challenges and update posts, and I mentioned how I like to make special shelves on Goodreads for the challenges I enter, and then I can embed them in the challenge update post. She was intrigued, and I decided to share a quick tutorial on how I do that.
Embed a Goodreads Shelf in 5 easy steps
I’m assuming you already have a special shelf where you have been adding books for a particular challenge. For this tutorial I’m using my shelf for our 2015 #ShelfLove Challenge.
Step 1: Sign into Goodreads and go to edit your profile.
Step 2: Click on “Widgets” when your profile screen loads.
Step 3: Scroll down to “Grid Widget”. Take a look at all the options for customization. I’ve highlighted the important ones here.
- select shelf – this is the important step so the appropriate shelf is displayed
- select sort – for example if you want to sort by date read and ascending
- select number of books up to 200 (definitely pick the max 200 so it doesn’t cut it short for you)
- select cover size – small is a good option so it doesn’t take up your entire page
Step 4: Copy the script code into your post.
Step 5: You may need to add some CSS if it doesn’t look the way you like. These are the class names the widget uses:
I have added the following to my stylesheet so all embeded Goodreads shelves follow it.
width: 50px !important;
height: 80px !important;
padding: 0px 0px;
And you’re done, and it looks like this: