Sample book feed
Here is a demonstration of a Books We Like "BookRoll", a form of RSS feed that cycles through a specified BWL user's list of books.
[NEW: Much more flexibility in what feed you want to display, such as all books tagged "food" or books a particular user tagged "war". Do it by using tags for your feed, so legal feed names are "/USER", "/USER/TAG", and "/tag/TAG", where USER and TAG are replaced with real usernames and tags. You can also omit the leading "/".]
These examples display one book from a given BWL user's recommendations at a time, incrementing each time the page is loaded, and cycling back to the start. The one on the left is the default; on the right is customized. See below for how to do that easily, or click right over the page and "View Source".
To create your own Bookroll, copy these few lines of Javascript into your page wherever you want it to show up. Change "greenmuseum" to the name of the BWL user whose list you want to display, and change "organicconsumers" to the BWL prefix of the partner you want to receive the commissions.. <![CDATA[<script language="javascript" type="text/javascript" src="http://www.bookswelike.net/zjs/feed.js"></script>
<script language="javascript" type="text/javascript" src="http://www.bookswelike.net/feed?feed=/greenmuseum"></script>
<script language="javascript" type="text/javascript">
partner_prefix = "organicconsumers";
cycle_book_display();
</script>
]]>
The "partner_prefix" line tells it which partner's version of BWL to use when the user clicks on the book. It's the replacement for "www" in the URL of that partner's version of BWL, e.g. alternet.bookswelike.net .
For an example, see the Bookroll in the lower right at Organic Consumers Association.
There are two simple ways to customize: changing how each book is displayed, and displaying more than one if you want. To change how each is displayed, simply copy the function draw_book_simple() from the feed.js file into your file, bracketed by
<![CDATA[<script></script>]]>
, and change that function to make it do what you want. Here's the version that displays the example above:
<![CDATA[<script>
function draw_book_simple (title, author, thumb, isbn, link) {
document.write("<div align=\"center\" ");
document.write(" style=\"background: #eee; border: 1px solid #777; width: 160px\">");
document.write("<font face=\"Arial, Helvetica, sans-serif\" size=\"2\">");
document.write("<b> Books (etc) We Like </b></font> <br>");
document.write("<br><a href=\"http://" + partner_prefix + ".bookswelike.net/isbn/" + isbn + "\" target=\"_blank\">");
document.write("<img src=\"" + thumb + "\" width = \"90\" border=\"0\">"); //
document.write("<font face=\"Arial, Helvetica, sans-serif\" size=\"1\"><b><br>" + title);
document.write("</a> ");
document.write("<br>by<br>" + author);
document.write("<font size=\"2\"><br> Purchases Support OCA </b></font>");
document.write("</b></font></div>");
}
</script>]]>
This version sets the background color, width, and border of the rectangle, and adds a promotional line at the bottom.
To change how many books get displayed, copy the function cycle_book_display() to your file, again inside a script tag, and alter it.
|
|
|
|