Knowledge is good only if it is shared. As a new blogger, I had learned to change the Web template, and found out the tips, tricks, hacks, and tweaks of altering the Blogger template, customizing CSS, widgets, layout, blog design, inserting JavaScripts, HTML codes, Google AdSense, and other settings the hard way, through many trials and errors. For the purposes of this guide, I had started with the old Blogger “Minima” template. As I made the changes or learned something new, I had documented them. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change. Hope this guide will help those who are finding the way around, just like me.

Search Tips for New Bloggers

We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Mar 17, 2007

Digg This Story

Add Video Clip to Blog

Update: Blogger released a new Add Video feature which allows you to upload videos into your Blog posts. Should you want to know more about it, or resize or align the video, or put it into the sidebar, you may follow our guide in Customize Video Upload in Blogger.

This is a step-by-step guide on how to add a video or movie clip to your Blog or webpage. There are many sites that offer free video hosting. Most of them automatically generate the relevant HTML code for you to easily insert/embed into your web template or blog post. I shall start with two of the most popular providers – Google Video and YouTube.

Google Video

Create an account with Google Video using your Gmail account. After the formalities, you will see a Video Status page. Click "Upload Video."

Add Video Clip to Blog

If your file is less than 100MB, which is probably the case, use the Web-based uploader.

Add Video Clip to Blog

Insert the video title, description, genre, and language. Under “Access”, you can either choose to have the video made public or unlisted.

Add Video Clip to Blog

The “unlisted” function is rather useful. A public video is listed in the Google Video search directory, and anyone can view it. However, you may have a video which you would rather not share with everyone except your blog readers. If you had created a private blog accessible only by your family and friends, you would all the more want to unlist your video.

In case you are wondering, an “unlisted” video enjoys the same features of a public video. It can be embedded in web pages, emailed, or linked to from other public sites.

Add Video Clip to Blog

After you have uploaded your video, you will see a link that reads “Embed this video on your website or blog.” Click on that and copy (Ctrl-C) this code to paste into your post. Your code should look something like this.

<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src=" docId=-6608265653837650172&hl=en" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" FlashVars="playerMode=embedded"> </embed>

If you would like, you can change the width and the height of the video screen so as to have it fit neatly into your page. I have created an account and uploaded a sample video just to let you see how it will look on your site. The video screen you see below has a width of 300px and height of 245px.


You would have heard of this popular video-sharing platform. Although Google has now acquired YouTube, it does not appear to be the end of Google Video. If you do not have an account at YouTube, sign up for a free account. For first-time users, you would need to confirm your email by following the instructions that YouTube sends to your email account. After confirmation, you will be able to upload your videos.

Add Video Clip to Blog

In YouTube, you assign tags to your video to enable it to be easily found by viewers through their search function. At the second step, select “public” viewing.

Add Video Clip to Blog

When you are at the screen shown below, you will see towards the bottom an option for you to “allow external sites to embed and play the video.” Check that box. Copy (Ctrl-C) the generated HTML code and insert it into your post.

Add Video Clip to Blog

Should you want your video to be a permanent feature of your site layout, you can create a video widget. For instance, if you would like to have a video in your sidebar, login to your Dashboard, go to Template-> Page Elements. Add a “Page Element” and select “HTML/JavaScript”. Paste the generated HTML code and save. (Note: Whenever you create any new page element, it will always appear at the top of all the other elements. If you want it near the bottom, simply drag and drop it to the desired location.)

Your HTML code will look like this.

<object width="425" height="350"> <param name="movie" value=" v/QjA5faZF1A8"></param><param name="wmode" value="transparent"></param><embed src="" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Again, you can change the width and the height of the video screen if you'd like. For the purpose of this guide, I have used one of my favorite YouTube videos, a hugely popular clip of an electric guitar version of Pachelbel's Canon in D. The video screen has been reduced to a width of 300px and height of 245px.

Other video host sites

The other video hosts you might want to check out are:-

1. Yahoo Videos which is increasingly popular. Its interface resembles Google Video and you should find it easy to use.

2. Live Video, a new YouTube clone but with innovative features such as Digg-like voting by its users, customizable profile pages, and backgrounds to go with your videos.

3. Grouper which incorporates a desktop software for you to edit your videos before uploading them to the site.

4. Metacafe, iFilm, Motionbox, and Dailymotion are also popular video hosts which you can consider using.

If you need more information, enter search words like “free video share” to look at what these or other sites have to offer.

Further reading:

If you are looking to have music on your blog, you may check out our other article Add Music to Blogspot blog. Should you want to insert a music playlist of several songs, have a look at the article Flash Music Player and Music Playlists.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button


Dee said...

Hi there!! Thanks for such a helpful blog! I had been able to imbed some youtube videos on my website at and they've been a great success for several months. For some reason, they can't be played on my site, they always open in another window and play from youtube. Am I suddenly doing something wrong? I notice yours plays from your blog. Thanks for any insight you can give.

bizwhiz said...

Hi Dee

We used Firefox and IE to view your video and they worked fine, and played in the same window. If it is played in Youtube, it could be that you used the Link HTML instead of the Embed HTML. The embed HTML has the object and embed tags.

Beyondblogger said...

Hi ,
I'm interesting with all your guide to Blogger.In this time ,you can also upload video direct to Blogger with Blogger in Draft feature.On showing the icon was Blogger (not Google).See my stuff My Blog

bizwhiz said...

Hi Beyondblogger

Yes, Blogger in Draft that was put up in June is basically for people who want to try out some of their pre-launch features. They do this to iron out bugs and obtain feedback before they roll out the actual thing. We can include that into our guide after it is out of its experimental phase.

boutain... said...

amazing help
this is the most usefull blog ever

I'm looking for a way to upload a video in a weird scale it is 460x740 and I would like to know if their is a way to do so

youtube and blogger rescale everything

the closest i've seen to what i'm looking for is on facebook...
they have something that looks like windows media player that allows strange ratio

if you know a way give me a sign
many thanks to give you so far
I would lay a thousand more ^__^

bizwhiz said...

Hi boutain

In our article, we explained how you can change the width and height of the video screen.

The thing you need to note is that the width of the Blog Posts area is usually about 450px. If you want the video width to be 760px, try adding the code in the Blog Footer segment or if it is to be in the Posts, ensure that the width of the Blog Posts is bigger than 760px.

MrsYFA said...

Can you please tell me if it is standard for videos in archives to no longer appear. I was researching my own blog this morning and was startled to find that my videos no longer appear in posts that I did only last week. Can I fix this? Thanks for your help. Here is an example:

bizwhiz said...


The post you mentioned has a Youtube video and it is still there. Try checking it again.

The contents of archived posts should remain the same. If you cannot view the video, it could be due to temporary inaccessibility or downtime of the external site, in this case, Youtube. As long as the video is not removed from Youtube and the link code is correct, you should be able to view it.

GoRetroGirl said...

Maybe I'm confused, but it seems that these directions are for uploading your own video. How do I link to a video by someone else that is YouTube in a blog post? I want the YouTube branded screenshot with the arrow in the middle to appear in my post and then when people click on it on my blog, it would open up a new browser window and take them to that video on YouTube.

bizwhiz said...

Hi GoRetroGirl

When you view the Youtube video, under the "About this video", there should be an "Embed" code if the owner allows it. Paste that code into your blog post or page element.

GoRetroGirl said...

Thanks for your response, bizwhiz...I'll give it a whirl. This is such a helpful site.

James said...

hey! I have a blog which is passworded so only certain people can use it. I want to add video but ideally i dont want my videos to be open to the public just people who have access to my blog. Is there any video platforms where you can keep the content private but still link it out to your blog?

The Patersons said...

Hi there,

Is it possible to upload a video into Facebook first and then onto Blogger from FB?


Smilinsteve said...

Awesome Blog Dude!....Everyone is helpful! I am making a blog, and I am quitre impressed with yours!


The Goldfish Guy said...

Great help!

I know I have been looking into adding some videos onto my goldfish blog and other blogs I have but was not sure how to do so.

Thanks for the great information in letting me know exactly how to add videos to blogs. You've been a great help.


Jamie Boyle
The Goldfish Guy

Chelise said...

Howdy! I love what you've done to help all of us new bloggers. I'd like to link my videos to my sidebar, almost like an icon, and when you click to view them, have them pop out. I got the idea from this blog:

Do you know how to do this type of thing?

محمد said...

Is ther a way to add a link in sidebar that has all my downloaded videos. I want my reader to click first on the link to access to videos and choose.
As you can see on blog I have different videos and I want to keep the space free for other uses


Video Bokep 3gp said...

thanks for this great post and thanks for sharing this information.