Need help? Check out our Support site, then


Text Widget not working for Goodreads HTML

  1. I have a text widget at the end of my blog. The code (see below) is provided by the Goodreads website, a social networking site for readers. For some unknown reason, it never appears as it should. The book covers should appear in a tight rectangular group, not listed vertically. Plus, there are bits of code that mysteriously appear as well. Is this a problem with Goodreads or with WordPress' text widget? Can you tell how to fix this?

    Here's the code (I'm a user, not a programmer...I just cut and paste this stuff).

    `
    <style type="text/css" media="screen">
    .gr_grid_container { /* customize grid container div here. eg: width: 500px; */ }
    .gr_grid_book_container { /* customize book cover container div here */
    float: left;
    width: 39px;
    height: 60px;
    padding: 0px 0px;
    overflow: hidden;
    }
    </style>
    <div id="gr_grid_widget_1323229219">
    <!-- Show static html as a placeholder in case js is not enabled - javascript include will override this if things work -->

    <h2>
    Ken's Books
    </h2>

    <div class="gr_grid_container">
    <div class="gr_grid_book_container"><img alt="The Reason for God: Belief in an Age of Skepticism" border="0" src="http://photo.goodreads.com/books/1210345886s/1858013.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="On the Reliability of the Old Testament" border="0" src="http://photo.goodreads.com/books/1172339368s/165002.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="The Pentateuch: An Introduction to the First Five Books of the Bible" border="0" src="http://photo.goodreads.com/books/1178476498s/798223.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="The Old Testament : An Introduction" border="0" src="http://ecx.images-amazon.com/images/I/519uTQy4PwL._SL75_.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="The Documentary Hypothesis" border="0" src="http://photo.goodreads.com/books/1176121486s/594466.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="Introduction to the Old Testament As Scripture" border="0" src="http://photo.goodreads.com/books/1177010415s/673648.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="Introduction to the Old Testament" border="0" src="http://photo.goodreads.com/books/1267832294s/3172384.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="Paul: His Life and Teaching" border="0" src="http://photo.goodreads.com/books/1188695137s/1813699.jpg" /></div>
    <div class="gr_grid_book_container"><img alt="The Old Testament: An Introduction" border="0" src="http://photo.goodreads.com/books/1266652381s/2226972.jpg" /></div>

    <br style="clear: both"/>
    Ken Honken's favorite books »

    <noscript>
    Share book reviews and ratings with Ken, and even join a book club on Goodreads.</noscript>
    </div>
    }
    </div>
    <script src="http://www.goodreads.com/review/grid_widget/7125155.Ken's%20Books?cover_size=small&hide_link=&hide_title=&num_books=20&order=a&shelf=read&sort=date_added&widget_id=1323229219" type="text/javascript" charset="utf-8"></script>
    '

    Thanks!

    The blog I need help with is kenhonken.wordpress.com.

  2. First off, that last bit is javascript and javascript is not allowed here for security reasons.

    The CSS at the beginning and all the "class" stuff in the divs (the standard HTML in case javascript is not active in the browser) would have to be stripped out and then everything styled using "style" properties in the divs instead.

    It would then be a static list, not the dynamic javascript list you were probably hoping for.

  3. Thanks, thesacredpath. It wasn't the answer I was hoping for, but it sounds right.

  4. By the way, is there any way to get a Goodreads widget on WordPress? Who can I petition to make that happen?

  5. is there any way to get a Goodreads widget on WordPress?

    If and if there is a Flash code then you may be able to use a gigya shortcode > see here > http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/

  6. I got the same problem, using Andreas04 .. i will try to use that ... thanks

  7. You're welcome and best wishes.

  8. Just in case anyone stumbles upon this... There is now a way to add the GoodReads widget. :-)
    http://en.support.wordpress.com/widgets/goodreads-widget/

  9. Thanks so much for posting airodyssey! This is what I've been looking for. I'm not sure what took WordPress so long to make this available, but I'm glad they did.

Topic Closed

This topic has been closed to new replies.

About this Topic