YouTube, Flickr in Blogger Beta


YouTube is a free video hosting and online video streaming service that allows users to view and share videos that have been uploaded by the members. Membership is free but there is a ten minute length limit on the video length. You cannot download the videos but you can view them in your browser. You can embed these videos in your blog. To see the videos the viewer has to be logged into YouTube and be part of the list the video is shared with (Friends or family). If they are not, the video will display "Loading," but the video will not load.

First Register and become a member and then upload your video. Then click on 'Post Video' link below each video. In popup window Click on click here link to add your blog. Then click on “Add a New Blog” link. Enter your blog account Username and Password and click "Add Blog". A list of your blogs will come up of which choose the one you want to add it to. Next add the Title and the text to accompany the video and click Post to blog.

Another method is to copy the code given at the side of each video next to Embed word. Then paste it in the the Edit Html tab of the Post Editor. click on Publish. I have a YouTube video on Beta Blogger at this post : Video on Beta Blogger. See Image below :




The embed code is similar to this :


src="http://www.youtube.com/v/OdT9z-JjtJk" type="application/x-shockwave-flash" width="425" height="350">



To make it autoplay, just add "&autoplay=1" to the code so it looks like this:


src="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" type="application/x-shockwave-flash" width="425" 
height="350">


For beta blogger it may show error in which case modify the code to :


name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk" />



PUT YOUTUBE VIDEOS IN SIDEBAR USING RSS FEEDS. 

You can put Youtube videos in sidebar using their RSS feeds from here. Choose which videos you would like to put in the sidebar then right click the red RSS button next to it and click on Copy Link Location. Login to dashboard of Beta blogger and go to Layouts link of the blog you wish to add the videos to. Then click on Add Page Element in the sidebar and choose Feed. Paste the Feed url from Youtube and clck on save. Your sidebar will show the number of videos which you have chosen. See my Left column at the bottom where I have added the top three youtube videos.

You can also create a Youtube Badge which will show images of your six most recently uploaded videos. See how tohere.



YouTube UPDATE


You can now set up one click video sharing from YouTube :

On YouTube Video Page click 'Share' button below the video on left hand corner of the bottom frame. 

Scroll down and click "Setup your blog for video posting."

Click "Add a Blog/Site".

Choose 'Blogger' and put in your login information.

Choose which blogs you'd like to add to your YouTube account. You can choose more than one.

Now when you click Share you will get the option to add video directly to your blog.




CAUTION


After pasting YouTube code in Edit Html tab of Post Editor click on Preview link in the top frame of post editor. If it looks like this :


it will not play on publish. Click on Hide Preview to return to Edit Html tab of Post Editor. Click once just before the code line below the video and tapBackspace key once on keyboard. Click Preview again to check if there are any code lines below the video. If there are repeat to arrange the code without line breaks. On Preview no code lines should be seen below the video and it should look like this :


Now the video will play on publishing.



Flickr also has a similar method to post their images on your blog. Flickr is a photo sharing and hosting website enabling you to share photos with your friends and also put them in your blog. Go to Flickr.com and register to get a new account. Then click Upload photos to go to Upload window. Clickon Browse to locate the photos on your disk and then click open. Choose options to make them Public or Private and put tags on them and then click on Upload. Tags are words used to categorize and describe photos. After your photos are uploaded click on save after adding Title and description.

Click on the photo to open it and click on Blog This link on top of the photo. You will be asked to configure a blog to post to. Click that link. Choose your blogging application Blogger/Beta Blogger. If beta Blogger Flickr will ask to have access to your beta account. Click the Head over to Google link. Click on Grant Access. Put in your Username and Password and then go through remaining steps to post the photo to your blog.


The Daily Zeitgeist is a little bit of fun that you can add to your website. It is built in Flash, and displays recent photos from Flickr. Go to http://www.flickr.com/fun/zeitgeist/ You will be asked which photos you would like to be displayed and depending on that you will be given a snippet of code which you copy and paste into a Html/Javascript Page Element in the sidebar. See Image below :


You can also create your ownFlickr Badge of Photos by going to : http://www.flickr.com/badge_new.gne
Choose whether you want a Flash badge or a Html badge the former slows down your loading a bit. Go through a series of steps till you come to the code which you can copy and Paste as given for the zeitgeist. See Image below for flash badge :

No comments:

Post a Comment