2008-05-01

Reblog Notes Script

I wrote a script that allow visitors to access the reblog-notes in my tumblelog. This post describes the method of setting up the script in your tumblelog.

First, insert the following code in the head element of your custom HTML.

<script type="text/javascript">
    function show_notes(post_uri) {
        var key = '/uIojWsJsR';
        var post_id = post_uri.substring(post_uri.lastIndexOf('/') + 1, post_uri.length);
        var notes_uri = 'http://www.tumblr.com/dashboard/notes/' + post_id + key;
        window.open(notes_uri, '_blank', 'width=500,height=600,scrollbars=1,resizable=1');
    }
</script>

Here, the value of the variable “key” is user-specific (‘/uIojWsJsR’ for me). The value is found by searching for the source code of http://www.tumblr.com/show/everything/by/me by “/dashboard/notes/”.

Next, insert the following code in the div element of “post” class.

<a href="#" onclick="show_notes('{Permalink }');return false;">reblog notes</a>

Here, actually delete the blank at the right of “Permalink.”

Update (01-May-2008):

Now, you can use theme variable “{postID }” and simply write as follows

<a href="http://www.tumblr.com/dashboard/notes/{postID }/uIojWsJsR">reblog notes</a>
or
<a href="http://www.tumblr.com/dashboard/notes/{postID }/uIojWsJsR"
onclick="window.open('http://www.tumblr.com/dashboard/notes/{postID }/uIojWsJsR',
'_blank','width=500,height=600,scrollbars=1,resizable=1');return false;">reblog notes</a>
Of course, “uIojWsJsR” is different in each user.

See Also

Tumblr - Reblog Notes Styler by dobbydog