Which produces this:","datePublished":"2018-05-08T05:21:00-04:00","dateModified":"2018-05-08T09:51:54-04:00","mainEntityOfPage":{"@type":"WebPage","url":"https://mindspaceapocalypse2.kinja.com/flipboard-users-want-a-new-way-to-embed-your-magazines-1825851853"},"image":{"@type":"ImageObject","height":675,"width":1200,"url":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/yd2cmxta5pydfaakugnx.gif","thumbnail":{"@type":"ImageObject","height":180,"width":320,"url":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_180,pg_1,q_80,w_320/yd2cmxta5pydfaakugnx.gif"}},"articleBody":"Do you want a different, better, way to embed your flipboard magazine?\n\nThe code they give you looks like this:<a data-flip-widget="mag" href="https://flipboard.com/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y">View my Flipboard Magazine.</a><script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script>Which produces this:\n\nView my Flipboard Magazine.\n\nand that’s fine, but (if needed) you can’t change the size or shape of it to fit somewhere better, some sites don’t support it, plus you’re calling an extra script file (external) that may slow down a page’s loading time.\n\nYou can actually use an iframe to have more control of it with a small change to the url,\n all you have to do is add the word “cover” to your magazine’s URL after the flipboard.com\n\nFor example: \n\nIf your magazine URL is: https://flipboard.com/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y\n\n\nThen your iframe URL will be: https://flipboard.com/cover/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y\n\n\nNow you can change the size and shape, or add a border, or whatever you want by using an iframe.\n\nThese last 4 all look like this: \n\n<iframe height="500" src="http://flipboard.com/cover/magazine url" width="99%"></iframe>\n\n","articleSection":"flipboard","keywords":["flipboard","magazine","embed","code","script","insainment","widget","html"],"publisher":{"@type":"Organization","@context":"http://schema.org","name":"MindSpaceApocalypse","url":"https://mindspaceapocalypse2.kinja.com","sameAs":[]}}

Flipboard users, want a new way to embed your magazines?

Gif: Source

Do you want a different, better, way to embed your flipboard magazine?

The code they give you looks like this:<a data-flip-widget="mag" href="https://flipboard.com/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y">View my Flipboard Magazine.</a><script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script>Which produces this:

View my Flipboard Magazine.

and that’s fine, but (if needed) you can’t change the size or shape of it to fit somewhere better, some sites don’t support it, plus you’re calling an extra script file (external) that may slow down a page’s loading time.

Advertisement

You can actually use an iframe to have more control of it with a small change to the url,
all you have to do is add the word “cover” to your magazine’s URL after the flipboard.com

For example:

Now you can change the size and shape, or add a border, or whatever you want by using an iframe.

Advertisement
Gif: Source

These last 4 all look like this:

<iframe height="500" src="http://flipboard.com/cover/magazine url" width="99%"></iframe>

Advertisement

Advertisement

Advertisement
Graphic: Flipboard (Magazine)

Share This Story