How to add SWF and FLV to your Blogger Weblog using HTML

If you have a YouTube Account then this is easy just follow the embed button after you have uploaded your media

There is at the moment no easy way to do this however if you have the SWF or FLV hosted at another site then you can embed it using these codes

This example shows an embedded shockwave flash banner called valentines_animation.swf that has been uploaded to www.amarasoftware.com and then macromedia flash player is called to play it from the plugins page



All you need to do is copy and paste this HTML and but it into your blog to test to see if it works.


If you want to have a go at creating your own and want to upload it yourself and then use it on your blog then either download the trail version HERE to see what the software has to offer of create one for yourself using Adobe Photoshop and Image Ready check out my FLASH tip on how to do this

If you have created a SWF you can upload it to a FREE SWF server then check out k-directors blog that will tell you where to upload it.

EXAMPLE 1
Register for an Imageshack account the same people who run yfrog
Using ImageShack Uploader you can upload suitable SWF to your online account.

The formats are supported:

• avi ** - audio video interleave (Xvid,DivX)
  
• flv - adobe flash
  
• mov - quicktime or sorenson
• mp4 - mpeg4 (Xvid,DivX)
  
• wmv - windows media video
  
• 3gp - 3rd Generation standard used on mobiles
  
• mkv - matroska used on DivXHD
  
• m4v - high quality H264
  
• swf - shockwave flash
• pdf - adobe portable document format
  

** so if you have an mpg4, divx, xvid rename the file extension to avi

Open the uploader and sign in with your imageshack account details and then drag and drop OR browser for you video media if you use the batch tagger and select if the media is PUBLIC or PRIVATE



When uploaded then all you need to do is to click the get code for website this is the same for a weblog



Then copy and paste the embed code to your blog notice that imageshacks own flvplayer will be used as opposed to the macromedia version in the example above.




EXAMPLE 2

If you use this HTML code to embed your SWF you will still need to use an image hosting website you will need to replace the file_url and the width and height with the URL that the image host gives you and the exact pixel measurements



This method is best used on hosting sites that don't give you the HTML code automatically I prefer the first example for ease , The next example is only for advanced users and is normally used on websites not blogs but if you know how it can still be used with Wordpress powered blogs.


EXAMPLE 3

Using SWFCabin to upload your SWF it will give you a URL where your object has been stored this is an example using a banner from the Internet Download Manager website for advertising and earning 20% of the sale of there software if the link originates from your website.

http://www.swfcabin.com/open/1277814412

With this URL code you will then require a method of posting or embedding the SWF into your site the easiest way to do this is using Javascript as in the example shown above.

On way you can do this is to use SWFObject v2.0 now hosted on Google pages details of how to do this is from deconcepts blog where the earlier versions are still hosted.

This is a more complicated method an should not be attempted by just a beginner, it is essentially written in Javascript and is used to embed Adobe FLV and SWF into websites

Read more tips from Owen Stephen Dawson