Single Book Widget (Javascript)
Examples (Customised)
This version of the widget can pick up styles from the page, so by wrapping it in a div or using CSS you can customise its appearance. This does mean it will break if used on a site with conflicting CSS e.g. if you make the text too large or the text is the same colour as the background. Blogspot is a site where this is likely to occur, so the iframe version is a better choice for those sites.
To Use:
To use Javascript to embed the standard single book widget, copy and paste the code below onto your webpage, and replace YourBookCode with your book number:<script src="http://www.smashingreads.com/sb_js/sb_js.php?book=YourBookCode&number=1"></script>
To Use Multiples on one page:
If you want multiple widgets for the same book on one page you have to use "&number=" to prevent conflicts between them, and give each its own number:<script src="http://www.smashingreads.com/sb_js/sb_js.php?book=YourBookCode&number=1"></script>
<script src="http://www.smashingreads.com/sb_js/sb_js.php?book=YourBookCode&number=2"></script>