How to embed Flash and Javascript Files In HTML posts

If people say "Pictures speak a thousand words", then it would not be wrong to say that "Flash and JavaScript speak a million words".

To make a successful and attractive blog, instead of plain and simple HTML of 1980's you should occasionally add flash(.swf) files and of course must include javascript files to your posts and sidebars.
The process is very simple, almost as simple as adding an image in HTML, the only difference is there are a little more lines of code to remember/copy :)

For embeding Flash Files:
First of all embed the flash content (file), to your Googlepages.com account or anywhere which gives a direct hotlink to the file, and of course also offers a good amount of bandwidth. That is why I prefer Googlepages.com fro this because Google never sets restriction on bandwidth, although web space available per account is limited to 100MB.

Paste these code lines, where ever you want to embed the flash file.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700"
height="322">
<param name="movie" value="Name_Of_File.swf">
<param name="quality" value="high">
<embed src="http://DIRECT_LINK_OF_YOUR_FLASH_FILE.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700"
height="322"></embed>
</object>
Note: Replace everything in the blue color, with appropriate links and values.
In case your visitors do not have flash installed/enabled in their browser, they will be promted for installing it from Adobe.com

Note: In the code above there is both an <embed> tag and an <object> tag. This is because the <object> tag is recognized by Internet Explorer, and Netscape recognizes the <embed> tag and ignores the <object> tag.

How To Embed JavaScript into HTML posts

JavaScript code is typically embedded into an HTML document using the SCRIPT tag.
<script language="JavaScript">
<!--
document.write("Hello World!");
//-->
</script>
The LANGUAGE attribute is optional, but recommended.
<script language="JavaScript1.2">
Another attribute of the SCRIPT tag, SRC, can be used to include an external file containing JavaScript code rather than code embedded into the HTML:
<script language="JavaScript" src="DIRECT_LINK_OF_JAVASCRIPT_FILE.js">
</script>

You can further see this post, on "How to embed flash Clock and calendar in your blog".

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Posts

7 comments

Write comments
May 27, 2009 2:49 PM delete

i think this one is not so clear, i tried it and it didn't work. the codes (below)appear but in between it, the .swf file is fine.

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700"
height="322"> ...(this one is good)...pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700"
height="322">

Reply
avatar
May 27, 2009 3:48 PM delete

Well just use any .swf file, like this game:

http://game.lansin.com/flash/3d.swf

and REPLACE the blue line in the code (http://DIRECT_LINK_OF_YOUR_FLASH_FILE.swf) with the above link and use it in your blog...that's it !

Reply
avatar
Anonymous
December 20, 2009 7:10 PM delete

Can someone please help me? I would like to know how to make my flash animation .swf appear ONLY on my blog homepage and not in the rest of the pages.

Thanks,
Miky

Reply
avatar
December 20, 2009 11:28 PM delete

Yes Miky, that is certainly possible in Blogger, read this tutorial on How to show widgets only in Hompage or in any specific page

Reply
avatar
Anonymous
December 21, 2009 3:12 PM delete

Thanks a lot! It really helped me.

Miky

Reply
avatar
April 21, 2010 9:35 PM delete

What about embedding javascript games? help please - i want to embed one into a blog from Novel Games:
http://www.novelgames.com/gamelicense/codes.php?id=141

Thanks

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng