NSLog();

Several of our customers have asked us for place to put bookmarklets within PulpFiction. Bookmarklets are just chunks of JavaScript, and we've already got a place in which javascripts can run: the bottom pane where you read articles!

In response to these custoers, I've added del.icio.us support to PulpFiction's default template and posted it in the PulpFiction Resources section under "Stylesheets." Have a look or read on for a very quick tutorial that will allow you to add the del.icio.us links to your own favorite stylesheet.

Clearly, we'll want to put the JavaScript links in somewhere. I chose to wrap them in a div (so that I could style it) and a simple unordered list:

<div id="delicious"><ul>
    <li><a href="javascript:location.href='http://del.icio.us/username?
v=2&url='+encodeURIComponent('^u')+'&title='+encodeURIComponent('^n')"
title="use this to make a bookmark">Post to del.icio.us</a></li>
    <li><a href="javascript:q='^u';p='^n';
void(open('http://del.icio.us/username?v=2&noui=yes&jump=close&
url='+encodeURIComponent(q)+'& title='+encodeURIComponent(p),
'delicious',%20'toolbar=no,width=700,height=250') );" title="use this one to make
a bookmark for posting">popup post to del.icio.us</a></li>
</ul></div>

You'll want to replace the two occurrences of "username" with your del.icio.us username, of course.

That's about it. I styled the example by adding this to the style section of the stylesheet:

#delicious
{
    width: 200px;
    float: right;
    font-size: 10px;
    border: 1px solid #^l;
    border-top: none;
    border-right: none;
    margin: 0 0 10px 10px;
}

The result looks like this:

I used the label color to draw the left and bottom borders of the box so that it blends in with the bar, but you're of course free to do whatever you'd like: this is merely an example. One last thing: don't forget to change "username" to your username!

Again, you can download this stylesheet from the "Stylesheets" section of the PulpFiction Resources page.

Comments RSS