morpheme

Install Theme Source Code Viewer / Ask RSS Archive

		morpheme
		Tumblr Theme and Viewer

O 2 weeks ago

morpheme

Tumblr Theme and Viewer

features:

link to Google Images and TinEye on photo posts to search for credit or any other info regarding the photo
use post tags to search related content on Google and Tumblr
the Theme can be used as a Viewer for other tumblrs, like this:
http://morphemetheme.tumblr.com/?url=acarro
the Theme works with javascript enabled or not (so search engines will index content easily), however these require javascript to work:
- endless scrolling
- quick ~~reblog and~~ like with no need to visit the post (update: quick reblog now works with or without javascript enabled)
- keyboard shortcuts
easily change theme from archive icon like viewer to large one post per line
open source project, distributed under the permissive MIT License

You can test the Theme here:
http://morphemetheme.tumblr.com

And the viewer here:
http://morpheme-tumblr-theme.googlecode.com/git/morpheme.tumblr-viewer.html?url=http://acarro.tumblr.com

You can also create a bookmark on your browser to redirect you from the tumblr you are viewing to this viewer:
javascript:window.location=’http://morpheme-tumblr-theme.googlecode.com/git/morpheme.tumblr-viewer.html?url=’+encodeURIComponent(window.location.href)+’&inline=true’;

Or drag and drop this link to your bookmarks / favorites: Morpheme

Keyboard Shortcuts:

next [N]
previous [P]
reblog [R]
like [L]
view post [V]
view source [S]
view high resolution [H]
search at Google Images [G]
search at TinEye [T]

# about G GT T
# theme G GT T
# tumblr theme G GT T

O 2 weeks ago

reblog button

Edit your theme, look for the {block:Posts} theme tag and add the code. You should be familiar with html to do this. If your theme supports endless scrolling this approach may not work. I’ve also added noscript code in case the client browser has disabled javascript.

…

{block:Posts}

    …

    <script type=”text/javascript”
        src=”http://{name}.tumblr.com/api/read/json?id={PostID}”></script>
    <script type=”text/javascript” >
        document.write(
            ”<a href=’http://www.tumblr.com/reblog/{PostID}/” +
            tumblr_api_read.posts[0][“reblog-key”] + “?redirect_to=” +
            ”http%3A%2F%2F{name}.tumblr.com%2Fpost%2F{PostID}’>” +
            ”reblog</a>”
        );
    </script>
    <noscript>
        <a href=”http://{name}.tumblr.com/post/{PostID}”>permanent
            link</a>
    </noscript>

    …

{/block:Posts}

…

UPDATE:
this is not mentioned on tumblr’s theme documentation: {ReblogURL}

this makes it so much easier:

{block:Posts}

…

<a href=”{ReblogURL}?redirect_to=http%3A%2F%2F{name}.tumblr.com%2Fpost%2F{PostID}”>reblog</a>

…

{/block:Posts}