Tapiture MarkAs many of you know, I am a big fan of the website Tapiture and in recent weeks, I have been thinking about what I could do to help improve my experience with Tapiture. One of the biggest issues I have had with Tapiture is that they do not have a formal process for Tapping on the iPad. I decided to take it upon myself to make it possible to Tap images from Safari on the iPad.

After the jump, you will find a short multi-step process that describes in detail how you can add the Tapiture bookmarklet to Safari on the iPad. If you have any feedback, or comments, please share them in comments.

If you are not reading this on an iPad, please browse to this article in Safari on the iPad. You will need to copy and paste code from the article to Safari on the iPad. Here is a short link you use to quickly find your way back to this article: bit.ly/tapipad

Step 1: Bookmark This Page

No, I am not trying to get you to bookmark my website. I just need you to bookmark this page so we have a bookmark to edit. In the next step, we are going to edit the bookmark you create in this step.

To create a bookmark in Safari on the iPad, click the box with an arrow icon Safari IPad Action Button in the top left corner. Then click the icon labeled “Bookmark” from the drop-down. When you get to the “Add Bookmark” menu, click “Save” to bookmark this page.

Tapiture Safari iPad Bookmark SS1Tapiture Safari iPad Bookmark SS2

Step 2: Copy The Bookmarklet Code

Now that you have created a bookmark, it is time to edit it to associate with Tapiture instead of ATLChris.com. To get started, copy the code in the textbox below into the iPad clipboard for use later.

* To select all on the iPad, click once in the textarea, then click a second time and then click “Select All” from the menu that appears.

Step 3: Edit The Bookmark

Start by clicking the icon that looks like a book Safari iPad Bookmark Button in the top left corner of the page. When presented with the “Bookmarks” drop-down, click “Edit” in the top right corner of the drop-down. Now, click on the name of the bookmark you created in step 1. You should find yourself on the “Edit Bookmark” menu.

Tapiture Safari iPad Bookmark SS3Tapiture Safari iPad Bookmark SS4

The top text field is the name of the bookmark, I would suggest you edit this to say “Tap on Tapiture”. The second field is the url that is loaded when the bookmark is clicked. Instead of a url, this is where we are going to paste the code that we copied in step 2. Click on the second field and then click the “X” that appears to clear the field. Once the field is clear, click on it again. You should see a button appear to “Paste” the contents of you clipboard. Click “Paste” and you should see the code you copied earlier appear in the field. That is it, you are all done. Click the “Bookmark” button at the top left to go back and then click “Done”.

Tapiture Safari iPad Bookmark SS4

Step 4: Enjoy

Now that you have the bookmark setup correctly, when you want to Tap an image, click the “Bookmark” icon in the top left corner of Safari on iPad and click the “Tap on Tapiture” bookmark to bring up the Tapiture overlay.

Note: This is not an officially supported feature of Tapiture, the overlay that appears may not work prefectly and you may not be able to tap everything you normally can, but it works great for images.