Goodreads widget not transferring correctly?

• 

  awbuirchell · Member · Mar 10, 2015 at 12:07 pm

  • Copy link
  • Add topic to favorites

  Goodreads widget not transferring correctly to Blog. Looks too stretched. Help,

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Mar 10, 2015 at 3:10 pm

  • Copy link

  Hi Anthony,

  I just checked the GoodReads Widget on your blog and it looks okay on my end. Here’s what I see: https://cloudup.com/cQCb89cxgw7

  If you’re seeing it differently, can you please make a screenshot of what you see? You can upload screenshots to your Media Library under Media > Add New in your dashboard, or you can use an online service like Snaggy. That will help me understand what you’re seeing there.

• 

  awbuirchell · Member · Mar 13, 2015 at 6:53 am

  • Copy link

  Thanks Rachel for help. Have uploaded screen shot of my blog problem for you to see.

  Hope you can help.

  Anthony

• 

  rachelmcr · Member · Mar 13, 2015 at 9:16 am

  • Copy link

  Hi Anthony,

  Thanks for that screenshot — now I see which widget you mean. It looks like you’re trying to add the Goodreads giveaway widget for a book, is that right?

  WordPress.com doesn’t support that giveaway widget (we only have the regular GoodReads Widget) so the code you got from Goodreads for that giveaway widget won’t work here. Instead, I’d recommend setting up something like an Image Widget with an image that links back to the giveaway on Goodreads.

  Another option is to keep using a text widget but modify the code you’re adding there. For example, you could enter the title “Goodreads Book Giveaway” and then use code like this to continue displaying the details about your giveaway:

  <p><a href="https://www.goodreads.com/book/show/25036857"><img alt="The Restless Danish Immigrants The Johnson Family by Anthony W. Buirchell" src="https://d.gr-assets.com/books/1425782730l/25036857.jpg" title="The Restless Danish Immigrants The Johnson Family by Anthony W. Buirchell" /></a></p>
  
  <p><h3 style="margin:0;padding:0;font-size:16px;line-height:20px;font-weight:normal;font-style:normal;">
            <a href="https://www.goodreads.com/book/show/25036857">The Restless Danish Immigrants The Johnson Family</a>
        </h3>
        <h4 style="margin:0 0 10px;padding:0;font-style:normal;font-weight:normal;">
            by <a href="https://www.goodreads.com/author/show/13552397.Anthony_W_Buirchell" style="text-decoration:none;">Anthony W. Buirchell</a>
        </h4></p>
  
  <p>Giveaway ends March 28, 2015.</p>
  
  <p>See the <a href="https://www.goodreads.com/giveaway/show/129948" style="text-decoration:none;">giveaway details</a> at Goodreads.</p>
  
  <p><a href="https://www.goodreads.com/giveaway/enter_choose_address/129948" class="goodreadsGiveawayWidgetEnterLink">Enter to win</a></p>

  That will remove the extra code you see at the top of your widget right now, and display the details about the giveaway all in one column (so it isn’t squished to the side).

  Please let me know if you have any questions about that. :)