Flash for Blogger. ~ Dummies Guide to Google Blogger Beta

Labels Classified.

open all | close all

Flash for Blogger.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

Flash files can be embedded in your template or posts. Though it can slow down the loading of your blog.........

you can use small flash files for your header as well as for navigation links within your blog. To do this first upload your flash file to a free host like Googlepages. If for some reason you cannot get an account at Googlepages you can create your own Google Group. This will give you 100 MB free space for your files. See Google Groups Tips and Tricks for Bloggers.


After uploading your flash file copy down its URL or link. Then use the following code :

<object width="150" height="340">
<param value="MYFLASH.swf" name="movie"/>
<embed width="150" src="URL OF MYFLASH.swf" height="340">
</embed>
</object>

Change the width and height as per the dimensions of your file. Instead of 'MYFLASH.swf' and 'URL OF MYFLASH.swf' put the relevant details of your flash file and paste the code in a Html/Javascript Page Element in the sidebar. See how to add widgets to blog. For example I have a flash navigation widget at the end of the right column of this blog. See it here also (below) :








Click on the various links to open them in a new page.


FLASH HEADER


To add a Flash header to your blog first add a Page Element to your header as described in How to add a picture to a Beta Blog Header. Then click on Add Page Element and choose Html\Javascript option and paste the above Flash code in the contents section and save. First upload your Flash header file to a freehost like Googlepages or Google Groups and then modify the code given above and use it. See this header below (Click on image to enlarge it)


See it live here.

Technorati Tags:, , ,

22 comments:

Bras the Jag said...

I get stuck at the part of uploading the swv file in google. It uploads the file but dont know how to get the http addres as Firefox cant open the flash file;

it says you need aprogram to open it....

how do I get html code of my swf file upload??

vin said...

bras the jag,
Go to your freehost account where you have uploaded the file and right click the file and choose Copy Link Location.

new boy said...

HI HELLO~
I CAN PLACE MY FLASH BANNER.. BUT I CANNOT PLACE IT AT THE RIGHT POSOTION.. HOW TO ADJUST THE BORDER OF MY FLASH HEADER? I USE YOUR CODE ABOVE..

TQ..

vin said...

new boy,

Go to Template--->Edit Html and scroll down in Template code box to find the widget id of the Page Element which contains your Flash code. It will lok something like this :

<b:widget id='HTML30' locked='false' title='' type='HTML'>

In above case it is 'HTML30'. Then in CSS part of the template add this code :

#HTML30 {margin:20px;}

You will have to customize the above code according to which border you wish to adjust.

Chrissi said...

hi,
uploading my swf via google page creator works!
BUT: I used powerbullet to create the swf... and the gif or jpg has really bad solution...in the powerbullet preview everything looks great...but online the swf is shown in greater solution so the picture gets disturbed?
Who can help??THX!

Anonymous said...

Hey, does swfUP count? I uploaded mine there. Now when I came to view my blog, it said I needed to download a plugin. So I clicked on it and it could not find any suitable plugins. What's happening?

Eugenia said...

I used swfUP for this. When i test the blog though, it says that I need to download a plugin - that apparently doesn't exist. What's happening?

Vin said...

Eugenia,

Macromedia plugin is required by browsers to play Flash content. Just download and install it and restart browser.

DolyNn said...

hai vin,

im dolynn and im new at blogging..
i got a code in picasaweb for my slideshow photos.

however i do not know how and where to add the code..i've tried several times but fail.

i've read your instructions but i still dont know how too. (sorry)

thanks in advance

Vin said...

Dolynn.

Paste the code in a Html Page element. See How to add widgets to your blog.

Naruto-kun said...

I have created a flash menu and used your code above, inserting it on the < body > < /body > part of my CSS.

Is there anyway to make the menu drop over my blog's head picture, because it only shows the height I determined. It's a drop down menu, and header of my blog covers the options that drop from it.

Thanks for your help, sorry about my english.
My blog is narutoshippuuden2009, it's blogspot.

Vin said...

Naruto-Kun,

Try increasing the height number in the code.

BambinaStyle said...

Is it possible to add a mouseover which is in flash into blog?

Vin said...

Bambinastyle,

Any Flash file will work if you follow above method.

BambinaStyle said...

Sorry to bug you again. If I added the embed html tags, where should I place it at? I want the whole blog to have the mouseclick effect (flash).

Vin said...

Bambinastyle,

What is this mouseclick effect you want?

Can you give the link of a site which has it?

BambinaStyle said...

I do not have any link. The effect is a dandelion will appear if one clicks his/her mouse. The effect is in flash.