HOW TO ADD FLIP-BOARD IN WEBSITE

In Techmaza it has been discussed about many embedding features to the website,Embedding like YouTube, Flickr, Google plus post, Facebook post and more embedding options. Here is a new trick about to embed Flipboard Magazine in Website, this creates a good archive for your list of contents added in Flipboard. It may increases your audience to your site when it is been shared in Flipboard.

flipboard-logo | flipboard magazine cover | adding it to website

It is quite easy to add any Flipboard magazine to your website. By adding respective Links to the code. Process to add code in website where ever you want with simple steps right away to see Flipboard in your website.

STEPS TO ADD FLIP BOARD TO YOUR WEBSITE :

Step 1:

 <div id="flipboard"></div>

Add this div tag anywhere in the website and followed by code.

Step 2:

<iframe style="margin: 0 0 2em 0;" src="YOUR FLIPBOARD URL" name="YOUR MAGAZINE NAME" width="100%" height="500px" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

Add above code where ever you want your Flipboard in your website. The code asynchronous your Flipboard magazine automatically  to the website if so you add anything to the Flipboard with single refresh the article will be displayed in the website. This is most simplified link to add Flipboard to your website. Below of this post I have added  Flipboard Magazine to this post by using above simple codes.

STEPS TO FIND FLIP BOARD LINK:

To get your Flipboard links its too easy when you follow this steps.

Step 1: Create an Flipboard Account with Facebook login on mobile apps(IOS, ANDROID, BLACKBERRY, WINDOWS) in their respective app stores.

Step 2: Click this link Editor.flipboard  after login to your Facebook Account.

Step 3: You will find your magazines and articles in editor page.

Step 4: Share one of your magazine in any social media by there is a button below the magazine.

Step 5:  After sharing the particular magazine  go to the social media where you shared you link and open them your page will be opened.

Step 6: Copy the URL above “this is your link it must be replaced in code part”.

Ex:https://flipboard.com/section/techmaza-__YXV0aC9mbGlwYm9hcmQvY3VyYXRvciUyRm1hZ2F6aW5lJTJGU1NoMXN6bExTc0NtRjZmUl9HVU91QSUzQW0lM0ExMTQ0MDQ0OTY%3D

This link not appear while you share it is been made as URL shortner with “flip.it/ something else“.

This is method to find the Flipboard Magazine URL and adding of URL to the webpage very easily with simpler codes to add to bring Flipboard Magazine to the website and with this information one sad part is it is not responsive code, no yet been introduced for responsiveness.