Thursday, March 29, 2012

Bloggiesta Mini Challenge: How to Embed a YouTube Video... and size it for your blog.

Hello everyone! Welcome to my Tutorial & Mini Challenge for Bloggiesta (learn more about Bloggiesta here ).

A problem which was noticed a lot in blogs (old and new) is that when they embed a Youtube video, it goes over their article size to the sidebars,etc. While it's something really easy and to do, many people it's understandable they don't know how to or where to search for the solution.

So today, i'm going to show you how to the whole "embed a youtube video right". There are many ways to do it because of the different platforms out there, so i'm going to divide into 2 sections:
1 - Embed a Youtube video, through Blogger editor
2 - Embed a Youtube via HTML

At the end of my post, it will be a Mini Challenge for everyone who want to try what i said over at the tutorial and me to check it out.

Click on the photos for HQ.


SECTION 1 - Embed a Youtube video, through Blogger Editor ( view result )

Blogger is divided in two parts: HTML and Compose. I'm going to show how to embed a Youtube video, via Compose in case you don't won't to bother with HTML.

Step 1: At the top of the editor (make sure the Compose tab is selected) there are icons which you probably already know such as Bold, Italic, Text Size, etc. You now, click the "movie" icon and wait for the window to pop up.

Step 2: At the left of the pop up window select "From Youtube". Search the video you want and click on it (if you want to preview it, click on play over the video) and then click "Select" at the bottom.

FINISH: Your are done. Blogger, fixes the size of the video so it doesn't go over your sidebars and put it at the center of your article.
 -----------
Additional step: Let's say you are still not happy with the size of your video. How do you fix it? This time you click on the HTML tab and find the code of the video. There you are able to write your own numbers as width and height. You are done.



SECTION 2 - Embed a Youtube video via HTML (view result)

The HTML is the same for all the platforms wherever you are posting. I know many of you are a bit afraid to play with HTML but believe me when i say is extremely easy to embed a Youtube video and i will write it as simple as i can.

Step 1: Go at Youtube and find the video you want to embed. Click at "Share" under the video (next to the Add to Favorites). A small window will open under the tab with a link and two buttons "Embed" and "Email". Click Embed and more options will open exactly under it. Now you are able to see some options for your video.

To fix the size of your video you are either a)click on one of the fixed options (the little boxes that have numbers over them like 560x315)

or b) you fix your own size. At the box at the left write the width you want (most blogs have width smaller than 500 pixels) and youtube will auto fix the height.

Now select the little code above and copy it. (To make sure it's the right code you will see the numbers of the width and height somewhere in it)


Step 2: Now go back to your platform. Somewhere at your editor there is tab that says "HTML". Be sure to click on it before you continue. When you do that, find at which point of your article you want to put the video and when you do, right click and paste the code from before.


FINISH: You are done. If your video is still out of your post, it means you need to put a smaller width. Do the whole process from the start and try again.
------------
Additional step: After this process you still want your video to be at the center of your post. How? Find the code of the video you pasted. Before it write <center> and after it write </center>. You are done.

NOTES:
-Wordpress editor (At least my version) doesn't have a quick movie icon like Blogger. So you will have to use the HTML version. Don't despair before trying it. It's easier than it looks.
-Always preview your posts before publishing.



Mini Challenge:
Create a post and embed a video from youtube and leave me the link to see it. Tell me which way you used.

+1 lvl of difficulty: Put 2 videos next to each other in a post instead. Leave the link for me to see it. (example at the end of this post)

Feel free to ask your questions at the comments, emails, twitter, facebook, tumblr...i check them constantly. And if you want help, in another matter than Youtube videos, you are more than welcome to ask :D


30 comments:

  1. Great tutorial - I don't use Blogger or Wordpress, so I just go directly to the YouTube video and use the embed options there. I uploaded a video last week, so I'm going to cheat and link to that one - just because it was too big and I hadn't gotten around to fixing it until I read this post :-)
    => My link to the Bitches in Bookshops video

    ReplyDelete
  2. Thank you for hosting this Bloggiesta mini-challenge. I used the blogger way.
    http://craftyfridays.blogspot.com/2012/03/bloggiesta-mini-challenge-embed-you.html

    ReplyDelete
  3. Thanks for sharing this information! I really had no idea where to start to embed YouTube videos on my bkog. I would only link an image to YouTube to connect the video to my post. Now, I no longer have to. Awesome! Thanks!!

    http://zaraalexis.wordpress.com/2012/03/30/bloggiesta-ole-challenge-4-how-to-embed-a-youtube-video-and-size-it-for-your-blog/

    Zara D. Garcia-Alvarez
    zgarcia(dot)alvarez(at)gmail(dot)com
    On Twitter: @ZaraAlexis

    ReplyDelete
    Replies
    1. Oops! Sorry. Forgot to mention that I used HTML.:D

      Delete
  4. Here's my attempt at putting two videos side by side. How did I do?

    http://zaraalexis.wordpress.com/2012/03/30/bloggiesta-ole-challenge-4-part-2-how-to-embed-a-youtube-video-and-size-it-for-your-blog/

    Zara D. Garcia-Alvarez
    zgarcia(dot)alvarez(at)gmail(dot)com
    On Twitter: @ZaraAlexis

    ReplyDelete
  5. What fun! I embedded a video using the HTML method on my Wordpress blog: http://www.joyweesemoll.com/2012/03/30/bloggiesta-gratuitous-john-barrowman-youtube-video/

    ReplyDelete
  6. I always have trouble with this. Thank you so much for your help!

    Buona fortuna!

    I'm Bloggista-ing all weekend! I love to have old and new blogging friends stop by and say hello!

    ReplyDelete
  7. I'm new to Wordpress.org so I had a really hard time with this one. I tried going through HTML but it just didn't work for me. I ended up having to download a plug in. I will continue to try the HTML (as that is SO much easier). Thanks for hosting - it took me the first couple months of blogging before I caught on. :)
    http://missremmersreview.com/2012/04/titanic-challenge-2012.html

    ReplyDelete
    Replies
    1. I wish i could help more :/ I never really had problem doing it my way in Wordpress.

      Delete
  8. Thanks for the mini challenge! I am on wordpress.com and to upload a YouTube video we just click on a button - however, since I have always been on wordpress.com I had no idea on the self hosting platforms there were all these changes!

    Makes me think I am not ready to move on to self hosting yet :)

    ReplyDelete
    Replies
    1. Heh..a change is always difficult. But we can get used to it. Let me know if you want help with anything.

      Delete
  9. I LOVE putting videos in posts! it really spices them up. I take the YouTube embed code route and then tweak the HTML within my post if necessary.

    Here's an example of two videos together on a site I made for an author's upcoming blog tour: http://returntoexileblogtour.blogspot.com/p/useful-items-for-rte-blog-tour-post.html

    ((I also have my own YouTube channel: https://www.youtube.com/user/ladynarn))

    ReplyDelete
    Replies
    1. Checked! And beautiful work on the videos :)

      Delete
  10. At times the selection may be off, you can always dislike a song meaning that it will never appear on your radio again.

    And if you find out something entertaining on internet you
    will feel as if you are at the top of the world. The Zune application has been available
    for a couple of years now, and as well as being the ideal desktop media player that handles movies,
    music, TV and photos, it is also designed to sync with media players and Windows Phone
    while providing you with access to the Zune Marketplace to purchase
    music and video.

    Also visit my webpage ... Going Listed here

    ReplyDelete
  11. Without the internet, this is not possible to play these novoline games online and
    even they can't live online that they perform now with public for additional characteristics and completely attractive in a delusion earth to participate in a game. A look into some of the best Star Wars apps to be found on i - Tunes, including games, fun soundboards, books, and more. Even when things seem hopeless, Kiko's narration provides some great comedy relief.


    Here is my blog; radio sender

    ReplyDelete
  12. While it is one thing to have a social media profile
    on an online community like Deviant - ART, it is a whole other
    thing entirely to have fitted it with an effective SEO strategy.
    ''. The more doors you have the more chances of people finding it.
    Out of those 6 keywords, further reduce the number of keywords.
    SEO must be implemented by following a step by step process.
    There are so many good blogs out there, and if you're one of those writers, you definitely know how important it is that your site gets heard through all of the noise. While these 5 truths may seem self-evident, it is the astonishing fact that they are contradicted, and even outright disputed, in the greater SEO debate. This is because there is a stiff competition in this particular field and the market is flooded with lots of firms that provide proficient SEO experts India services at the economical costs. Isn't that something you and your business should be a part of.
    Be sure that the SEO outsourcing company you hire is capable of communicating properly.

    The final way that you can use your Deviant - ART profile for
    SEO purposes is by being an active member of the community ' watch the work of others (especially if they are related to your business), encourage others to watch your work, comment on work, list other users as your friends. If the comments are created for solely promotional purposes, they will probably get deleted. Moving your hosting to a nearby country such as Canada or an offshore Caribbean host may provide the same latency times, but reduce the risk of having your website brought down by a mistake. An SEO strategy should combine a number of elements that work together to get results for you. Know how to get better rank. A well-formed internal linking structure and good sitemap can ensure all pages of a website being indexed by a search engine. Today, it is necessary that you scout the market for the best SEO Host that can help you achieve this. SEO content is a huge deal in today's
    online oriented business world. The internet has become
    an integral part of our lives that according to the
    latest statistics, almost 1 billion Americans access the internet.

    SEO requires understanding of various algorithms.

    my webpage: www.yeswave.tv
    my page: giscamihaela.blogspot.com

    ReplyDelete
  13. I dead consider joyous when I acquire articles pertinent to my process and my issue.
    get more youtube views

    ReplyDelete
  14. According to statistics, "Internet radio attracts an upper-income audience, with weekly Internet radio listeners 36% more likely to live in a household with annual income of $100K+ than the general US population 18+".
    In my case I listen to all music that is submitted
    to me before I include it on my playlist. com ( is the home site for a radio
    station only on the internet which provides exactly what it says: Worship
    music.

    My web-site ... Nursing the Future :: Viewing profile

    ReplyDelete
  15. Specifically, the family loses its ability to properly avail
    sufficient food resources, good housing, high quality education, adequate clothing,
    and even safe and nurturing living conditions. Actually, feeling your emotions and dealing with them as
    they rise to the surface will help you to become emotionally healthy and thus avoid repeating your
    childhood when you do begin to have your own family.
    Take a look back at your life or if you're currently living with your parents, analyze how you interact in relationships and determine if your actions are analogous to your parent's relationship.


    Review my homepage - messenger live

    ReplyDelete
  16. I'm sure coming again to construe these articles and blogs increase youtube views

    ReplyDelete
  17. I want to start my own blog with WordPress -hostgator -hatchling plan, how much it will cost me? is there any other service which is cheaper? Pls guide me as what I have learnt about blog is through you. Thanks Games to play over text good morning quotes online grammar checker Music Download Sites to download legally newlywed game questions Reasons why I love youHowmate.com

    ReplyDelete
  18. Everything is very open with a very clear description of the issues. It was truly informative. Your site is extremely helpful. Thanks for sharing.
    Buy Cheap YouTube Views

    ReplyDelete
  19. looking for real active instagram followers, likes, views etc...

    contact : Buy Active Indian Instagram Followers & Likes

    ReplyDelete
  20. Youre so cool! I dont suppose Ive read anything such as this prior to. So nice to uncover somebody with many original ideas on this subject. best place to buy Instagram followers

    ReplyDelete
  21. Awesome this niche information, I am suggest to with you one think your articles was best of best, It’s given me lot of valuable and prefect information, I am read it, keep sharing like this type of release. buying YouTube Views

    ReplyDelete

There is lot of spam lately at the posts, so for a while i will put up the comment moderation. Sorry for that, i really don't like it but i thought it might stop the spamming. It will be down soon enough! Thanks a lot :)

© Splash Of Our Worlds. The content of this site is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. Unauthorized use and/or duplication of this material without express and written permission from this blog’s authors and/or owner is strictly prohibited.
Creative Commons License
Related Posts Plugin for WordPress, Blogger...