We are currently looking into the Instagram API to see if we can make it possible to drag your Instragram videos into a post. Right now you can just drag in photos or the preview photo of videos.
But I didn’t want to wait until the programmers could figure out if it was possible or not and if so get it programmed into Blogsy. So I set out to find an easy way to get my Instagram videos into blog posts. Here is the easiest way I have found to do it. If you know of an easier way please let me know in the comments. And for this example I used WordPress but it should also work the same way for blogger. For Tumblr it seems easier and for other blogging platforms it may take an email-to-post setup.
(You just need to set these things up once and then never bother with them again.)
IFTTT.com Setup – This is a very powerful service that automates many things.
a) Set up an Instagram to WordPress recipe in ifttt.com. You can set this up on the web or in their new iOS app. IFTTT.com does now allow iFrame HTML in their recipes so you can just have it autopost the video to your blog. It takes a little editing in Blogsy.
b) When setting up the “if this” part for Instagram choose “Any new video by you”.
c) When setting up the “then that” part for WordPress choose “Create a post”
d) For the “Body” choose “Instagram URL” not “Video Source URL”.
e) After you finish go into the recipe and edit it. Set the title, categories and tags as you want. Under “Post status” choose “Save as draft”
f) IFTTT.com is now all set up and the next time you shoot a Instagram video a draft post will automatically be posted to your blog.
iPad Setup – This is a very powerful device that makes many things possible. :D
a) Set up an iOS shortcut to make things very simple. To to your iPad Settings -> General -> Keyboard -> Add new shortcut…
b) Paste the following code into the “shortcut” field. (You can change the width and height settings if you want. I just used the Instagram default.)
<iframe src="URLembed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
c) Use and phrase you want but it shouldn’t be something you may type as part of a word or by accident.
Now your iPad is all set up.
After you have shot your Instagram video and ifttt.com has checked the recipe and posted the draft post to your blog you do the following.
1) In Blogsy go to “O” for your online posts and open the Instagram draft post into Blogsy to edit. All you will see is the video URL.
2) Flip to the HTML Side. Place your cursor where you want and write your iOS shortcut phrase then tap space and the iframe embed code will be added.
4) Select the Instagram video URL and choose “cut”.
5) Choose the “URL” in the iframe embed code and choose “Paste”
This is what the code should look like.
Flip back to the Rich Side and you will see where the video will be. The iOS webview cannot fetch the videos so you will just see a blank square. But when you publish to your blog the video will be there.
6) Open the Post Info. menu and change the “Status” from “Draft” to “Published”.
7) Tap on the “Update” button at the top of the Post Info. menu (or do the three finger swipe up) to update that to your blog.
That’s it. You have the Instagram video in your blog post. (You could also copy that full iframe embed code and paste it into a different post if you want to add the video to some other post instead.)