Saturday, July 23, 2011

How to embed youtube videos & picasa/flickr photo albums in blogger

Lot of people might be looking for ways on how to embed a youtube video or a photo slide show in their website or blogger or wordpress, ... Its actually pretty simple, all you need to do is to add this piece of html code in your website or in your blog post's html code.

For Embedding Youtube Videos:

First search the video you want to embed in your webpage in youtube, copy the v=" .. " from the url, take the below html code & replace abcd with the above ID from the url. You can change the width & height according to your website dimensions.

<object width="525" height="400"><param name="movie" value=""><param name="wmode" value="transparent"><embed src="" type="application/x-shockwave-flash" wmode="transparent" width="525" height="400"></embed></object>

For Embedding Picasa Album Slideshows:

You can embed a Flash slideshow of any web album. It'll be automatically updated when you make changes to your album. Follow these steps to embed a slideshow:
  1. On the My Photos page, click your album.
  2. Click Link to this album on the right-hand side.
  3. Click Embed Slideshow.
  4. Choose your slideshow settings, such as image size, captions, and autoplay.
  5. Once you've chosen your settings, copy the resulting HTML code (Ctrl-C).
  6. Paste the HTML in the source code for your site (Ctrl-V).

For Embedding Flickr Album Slideshows:

Copy the following html code given in the box below

Replace the user_id 123456@N05 with your flickr ID which you can get after logging in to your flickr/yahoo account. Paste this html code in your website/blogger's post.

If you want more customization, then do visit the following website ...

Embedding MP3/WMA songs in your blogpost:

For embedding songs in your website/blogger first you need to have an account in OpenDrive or some other storage website & get a direct link to your song file. Use the html code given in the below website & give the direct link of the song file. The website also mentions the procedure in detail.

No comments:

Post a Comment