Flipboard Bookmarklet for iPad

Add news you care about, sources that inspire you and social networks you love and Flipboard becomes your personal magazine.

flipboard

In this tutorial, you’ll learn how to setup the Flipboard 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 Flipboard bookmarklet. The steps that we will be following are similar to the other tutorials on this website – only we will be inserting the code for Flipboard.

Install the Flipboard 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 “Flipboard” and select the tutorial for the iPad).
  • Now copy the code in the section (Flipboard 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 ‘Flipboard’ or ‘Flipboard Flip it’.
  3. Next, erase the URL shown and paste the bookmarklet code for Flipboard (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 Flipboard bookmarklet on your iPad.

Flipboard 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:void((function()%7Bvar w%3Dwindow,d%3Ddocument,wi%3D532,hi%3D435,top%3D(w.screenTop%7C%7Cw.screenY)%2B50,left%3D(w.screenX%7C%7Cw.screenLeft)%2B((w.innerWidth%7C%7Cd.documentElement.offsetWidth%7C%7C0)/2)-(wi/2)%3Bvar pop%3Dfunction()%7Bvar url%3DencodeURIComponent(w.location.href),title%3DencodeURIComponent(d.title%7C%7C%27%27)%3Bvar share%3Dw.open(%27https://share.flipboard.com/flipit/load%3Fv%3D1.0%26url%3D%27%2Burl%2B%27%26title%3D%27%2Btitle%2B%27%26device%3Dwbookmarklet%26t%3D%27%2B(new Date().getTime()),%27__flipboard_share_window%27, %27status%3Dno,resizable%3Dyes,scrollbars%3Dno,personalbar%3Dno,directories%3Dno,location%3Dyes,toolbar%3Dno,menubar%3Dno,width%3D%27%2Bwi%2B%27,height%3D%27%2Bhi%2B%27,top%3D%27%2Btop%2B%27,left%3D%27%2Bleft)%3BsetTimeout(function()%7Bshare.focus()%7D,50)%7D%3Bpop()%3B%7D)())

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

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

Image credit: Flipboard.com
Bookmarklet code credit: https://share.flipboard.com/

Related Posts Plugin for WordPress, Blogger...

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>