Sunday, June 19, 2011

How to post multiple videos in a single Tumblr post

They say it can't be done. But yes, my friends, it can. Tumblr's settings by default let you post one video at a time. And it can't have a title. Lame. Customizability is the key to happiness. I'm going to get that cross stitched and hang it up in my home some day.


Here's how you do it:
1. Go to your tumblr dashboard.


2. Click on 'Text'


3. Add your title.


4. Begin typing in the Post box.


5. Go obtain the HTML embed code for your video. If you're on youtube, all you have to do is click on 'Share' and then 'Embed.' Copy the code that appears. For example, if you copy it from youtube, it would be like this:


<p><iframe width="640" height="390" src="http://www.youtube.com/embed/s_bdlm4lNoY" frameborder="0" allowfullscreen></iframe>


6. Return to your tumblr post window. Click on the HTML icon. It appears on the far right in the row of buttons above the Post box.


7. You'll probably see something like this:


<p> I'm imagining that you typed something very interesting right here. </p>


Now, edit it so it looks like the following:


<p> I'm imagining that you typed something very interesting right here. </p>
<p><iframe width="640" height="390" src="http://www.youtube.com/embed/s_bdlm4lNoY" frameborder="0" allowfullscreen></iframe></p>

The secret is that you simply need to add the <p> to insert a page break before you paste the embed code, and then a </p> at the end of the code. (If you don't, the text will be butting up right against the video. And that's not pretty, my friends. Aesthetics, aesthetics!)


8. Repeat for multiple video posts. So, for a two video post, it may look like this.


<p> I'm imagining that you typed something very interesting right here. </p>
<p><iframe width="640" height="390" src="http://www.youtube.com/embed/s_bdlm4lNoY" frameborder="0" allowfullscreen></iframe></p>
<p> <iframe width="640" height="390" src="http://www.youtube.com/embed/wdxb6knWfs8" frameborder="0" allowfullscreen></iframe></p>


If you wanted to, you could have inserted some more text by either directly inserting it into the HTML code with <p> and </p> surrounding your block of text, or you could enter it directly into the Post box as typically is done. I have found though, that entering the text into HTML usually works better. For some reason, pressing 'return' in the Post box after a video tends to delete the video. Kind of annoying. So, if you added text, it might look like this:


<p> I'm imagining that you typed something very interesting right here. </p>
<p><iframe width="640" height="390" src="http://www.youtube.com/embed/s_bdlm4lNoY" frameborder="0" allowfullscreen></iframe></p>
<p> I <3 Doctor Who! </p>
<p> <iframe width="640" height="390" src="http://www.youtube.com/embed/wdxb6knWfs8" frameborder="0" allowfullscreen></iframe></p>
<p> Link from the Knitter. </p>


9. Click on 'Update.' Immediately, you should see that your videos have nicely inserted itself into your post as seen in your Post box.

Easy peasy lemon squeasy. Don't you feel good about yourself?! You've outsmarted Tumblr. 



Note: As proof that the code works, you can see what the final product of the above code looks like here

No comments:

Post a Comment