Flipboard users, want a different way to embed your magazines?
They gives you this code:<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>
That’s fine, but (if needed) you can’t change the size or shape of it to fit somewhere better, plus you’re calling an extra script file (external) that may slow down a page’s loading time. 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:
- If your magazine URL is:
https://flipboard.com/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y - Then your iframe URL will be:
https://flipboard.com/cover/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y
Now you can change the size and shape, or add a border, or whatever you want by using an iframe.
- The code would look like this:
<iframe height=”175" src=”https://flipboard.com/cover/@erebusanonymous/the-most-interesting-magazine-psvkr9t8y" style=”border: 3px solid red;” width=”650"></iframe>
and you can also use "border:none;" or "border:3px dashed red;" etc.. or any combination you want in the iframe.
Source: http://mindspaceapocalypse.blogspot.com/p/blog-page_1.html
