Tumblr Bookmarklet for iPad

by Lorenzo Orlando Caum on December 23, 2011

Tumblr is a feature rich and free blog hosting platform offering professional and fully customizable templates, bookmarklets, photos, mobile apps, and social network.


In this tutorial, you’ll learn how to setup the Tumblr bookmarklet on your Apple iPad.

We will need to create a bookmark and then go back and edit the bookmark to include the JavaScript code for the Tumblr bookmarklet. The steps that we will be following are similar to the other tutorials on this site — only we will be inserting the code for Tumblr.

Install the Tumblr bookmarklet on the iPad

We will complete the following steps via the iPad.

Prepare your iPad & open this tutorial in mobile Safari

  • From your iPad, go to “Settings” and tap on “Safari.” Set Always Show Bookmarks Bar to “ON.” Set JavaScript to “ON.” Set Accept Cookies to “From visited.”
  • Next, open the Safari app and open this current page (go to iosbookmarklets.com and search for “Tumblr” and select the tutorial for the iPad).
  • Now copy the code in the section (Tumblr bookmarklet code)

Create a temporary bookmark in mobile Safari

Next, tap on the share icon (square with a right arrow) at the top of your Safari page and tap “Add Bookmark.” Ensure that it will be saving to the “Bookmarks Bar” and then hit “Save.”

Update the temporary bookmark with the code for the bookmarklet

  1. Now tap on the bookmark icon (open book) to pull up your bookmarks. Tap on the “Bookmarks Bar” folder. Then tap “Edit” in the top corner of your window.
  2. Select the bookmark that you just created. Change the name to something of your choice – perhaps ‘Tumblr’ or ‘Share on Tumblr’.
  3. Next, erase the URL shown and paste the bookmarklet code for Tumblr (press and hold, then release, then tap “Paste”).
  4. Hit “Bookmarks Bar” located in the bottom top left corner to go back. Tap “Done” located in the top right corner. Tap the bookmark icon to make it disappear.

Those are all the steps! You’ve now installed the Tumblr bookmarklet on your iPad.

Tumblr bookmarklet code

To copy the code below — press and hold on the code and then release; then adjust the blue overlay so it covers the entire code, and tap “Copy.”

javascript:var%20d%3Ddocument,w%3Dwindow,e%3Dw.getSelection,k%3Dd.getSelection,x%3Dd.selection,s%3D(e%3Fe():(k)%3Fk():(x%3Fx.createRange().text:0)),f%3D%27http://www.tumblr.com/share%27,l%3Dd.location,e%3DencodeURIComponent,p%3D%27%3Fv%3D3%26u%3D%27%2Be(l.href)%20%2B%27%26t%3D%27%2Be(d.title)%20%2B%27%26s%3D%27%2Be(s),u%3Df%2Bp%3Btry%7Bif(!/%5E(.*%5C.)%3Ftumblr%5B%5E.%5D*%24/.test(l.host))throw(0)%3Btstbklt()%3B%7Dcatch(z)%7Ba%20%3Dfunction()%7Bif(!w.open(u,%27t%27,%27toolbar%3D0,resizable%3D0,status%3D1,width%3D450,height%3D430%27))l.href%3Du%3B%7D%3Bif(/Firefox/.test(navigator.userAgent))setTimeout(a,0)%3Belse%20a()%3B%7Dvoid(0)

Video Tutorial: How to Setup the Tumblr Bookmarklet on an Apple iPad

If you found this tutorial helpful, then please share it with a friend.

Image credit: Tumblr.com
Bookmarklet code credit: http://www.tumblr.com/apps

Related Posts Plugin for WordPress, Blogger...

Author: Lorenzo Orlando Caum

Lorenzo Orlando Caum is the founder of Enzo12 LLC, a consultancy in Tampa, FL.

If you would like to know more about Lorenzo, you can follow @lorenzocaum on Twitter or check out his blog.

  • http://twitter.com/djmagic112 Mr Serious

    All these new features really make me want to get an ipad, but im worried it will be out of date soon as the new one approaches release.

Previous post:

Next post: