How to put Vine videos on your Blogger

So you've made a six second masterpiece worthy of an academy award, or maybe you've captured something truly amazing and it must be shared with all your blog readers. Here's a simple tutorial on how to embed those videos on your to your blogger posts.

I am using an Android device and currently there is no embed option on the Android app. If you are using an iOS device these steps still apply, but I believe you can get the URL straight from the iOS Vine app. *click on any images to enlarge.

Step 1
Share you Vine video with either Facebook or Twitter. Once it has posted go to the post and look for a link that will take you directly to the Vine video. What we are looking for here is the full URL.

Step 2
Copy the full URL address (https:// included) Don't close this browser tab just yet. you may need to come back and copy the URL later.

Step 3
Log into Blogger and create or go to the page that you would like to display your masterpiece in. From here click on HTML to enter Blogger's HTML editor.

Step 4
Enter or copy and paste the following into the HTML editor.

<iframe class="vine-embed" frameborder="0" height="400" src="[YOUR VINE URL HERE]/embed/simple" width="400"></iframe> <script async="" charset="utf-8" src="//platform.vine.co/static/scripts/embed.js"></script>
Making sure you replace [YOUR VINE URL HERE] with the URL you copied from step 2. Changing the height and width will increase or decrease the size of your embeded video. (example: height=600 is a fairly good size)

Step 5
Now save your changes and view your page to confirm that the Vine video has been embeded and is displayed on the page.

There you have it. Now you've taken your six seconds of fame and apotheosized it to all it's rightful glory! May your readers, friends and followers praise your Tarantino-like work for all of time.

1 comment: