Scratch

Kenichi10 · 2012-08-16 05:26:50

Welcome to my tutorial on adding the flash player to a weebly site!
This is an advanced tutorial, so follow the instructions carefully!

1. Make a weebly account. http://www.weebly.com/

2. Set up your website.

3. You will now see a page editor, and that we are in the "Elements" tab. Click the "Pages" tab at the top of the editor. Click the "Add Page" button. This will add a new page. Make sure to name it "Files". And click on the checkbox that reads. "Hide page in navigation menu". This page will hold our scratch project and flash player.

4. Making sure that the "Files" page is selected, click the "Edit Page" button in the top-right corner. This will lead you back to the page editor. If some text on your webpage that reads "HOME" is highlighted blue, go back and do this step again. Otherwise, go on!

5. The toolbar at the top should have four types of elements. Basic, Multimedia, Revenue, and More. You want to go into Multimedia and drag a "file" element to your page. Click on what you just added. Below the toolbar, you'll see a choice saying "Upload New File". Find your scratch project in the dialog that appears and open it.

5. Download the flash player from my website: http://kenichi10.hostoi.com/FlashPlayer.zip. Do step 5 again, but this time, upload "PlayerOnly.swf" (It's in the zip file).

6. Also in the zip file, there's a file called "Page.html". Open it with Notepad or a text editor. It should look like this:

Code:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div.player
{
width: 480px;
height: 360px;
overflow: hidden;
}
</style>
</head>

<body>

<!-- Always make sure to put the player in a div tag with a tag attribute set to 'player' -->
<div class="player">
<!-- Download updated PlayerOnly.swf from http://scratch.mit.edu/static/misc/PlayerOnly.swf -->
<object style="left: -1px; top: -26px; position: relative" width="483" height="387" type="application/x-shockwave-flash" data="PlayerOnly.swf">
<param name="allowScriptAccess" value="always">
<param name="allowFullScreen" value="true">
<param name="flashvars" value="project=NAME.sb">
</object>
</div>

</body>

</html>

7. There's a part in Page.html that says "PlayerOnly.swf". PlayerOnly.swf is not the full location of PlayerOnly.swf itself. We want to get that full location. So go back to your website editor. The file element called "PlayerOnly.swf" has a link beneath it that says "Download File". Right Click on the link and select "Copy Shortcut". This works in IE9 at least. Now, paste the shortcut in Page.html where it only says "PlayerOnly.swf". It should look more like this now: http://www.weebly.com/uploads/1/3/2/9/13295469/playeronly.swf.

8. Do the same with your scratch project, except replace the part in Page.html where it says "NAME.sb".

9. Save Page.html. Going back to the page editor, click on the "Pages" tab again. Select your "Home" page and click "Edit Page". Add a "Custom HTML" element from the "Basics" tab to your page.

10. Copy the text from Page.html and insert it into your new "Custom HTML" element. This is what my Page.html looks like. Yours'll be different:

Code:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div.player
{
width: 480px;
height: 360px;
overflow: hidden;
}
</style>
</head>

<body>

<!-- Always make sure to put the player in a div tag with a tag attribute set to 'player' -->
<div class="player">
<!-- Download updated PlayerOnly.swf from http://scratch.mit.edu/static/misc/PlayerOnly.swf -->
<object style="left: -1px; top: -26px; position: relative" width="483" height="387" type="application/x-shockwave-flash" 

data="http://www.weebly.com/uploads/1/3/2/9/13295469/playeronly.swf">
<param name="allowScriptAccess" value="always">
<param name="allowFullScreen" value="true">
<param name="flashvars" value="project=http://www.weebly.com/uploads/1/3/2/9/13295469/templates.sb">
</object>
</div>

</body>

</html>

11. It's ready now! Click the publish button at the top-right of your page editor. It will give you a link to your published website that you obviously have to click. Do you see your project? If so, celebrate! If not, go ahead ask for help. smile

Thanks for reading this monstrous tutorial!

BirdByte · 2012-08-16 05:36:02

Cool! Lots of people were wondering how to do this, it's very helpful. smile

henley · 2012-08-16 09:13:04

You could aslo just use this:

Code:

<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>

tongue

MrFlash67 · 2012-08-16 15:21:30

Looks cool! Any idea how to do it for Wix?

MrFlash67 · 2012-08-16 15:27:03

henley wrote:

You could aslo just use this:

Code:

<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>

tongue

That requires it to be on the Scratch website, this does not.
First time I got the 180!

henley · 2012-08-16 18:43:14

MrFlash67 wrote:
henley wrote:
You could aslo just use this:
Code:
<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>
That requires it to be on the Scratch website, this does not.
First time I got the 180!

Why would you feel the need to have inaproppriate content in your project enough that you wouldn't post it on the site.

MrFlash67 · 2012-08-17 02:30:50

henley wrote:
MrFlash67 wrote:
henley wrote:
You could aslo just use this:
Code:
<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>
That requires it to be on the Scratch website, this does not.
First time I got the 180!
Why would you feel the need to have inaproppriate content in your project enough that you wouldn't post it on the site.

No, what if I wanted to set my own license, or didn't want to upload to Scratch for privacy reasons?

MrFlash67 · 2012-08-17 02:34:30

MrFlash67 wrote:
henley wrote:
MrFlash67 wrote:
That requires it to be on the Scratch website, this does not.
First time I got the 180!
Why would you feel the need to have inaproppriate content in your project enough that you wouldn't post it on the site.
No, what if I wanted to set my own license, or didn't want to upload to Scratch for privacy reasons?

That was 35th! Also 5th (If I remember correctly) 180. No idea why I keep track of my 180's

henley · 2012-08-17 10:46:51

MrFlash67 wrote:
henley wrote:
MrFlash67 wrote:

That requires it to be on the Scratch website, this does not.
First time I got the 180!
Why would you feel the need to have inaproppriate content in your project enough that you wouldn't post it on the site.
No, what if I wanted to set my own license, or didn't want to upload to Scratch for privacy reasons?

Oooooh, okay. That makes a lot more sense.

SJRCS_011 · 2012-08-19 17:11:40

MrFlash67 wrote:
henley wrote:
You could aslo just use this:
Code:
<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>
That requires it to be on the Scratch website, this does not.
First time I got the 180!

actually, as far as i can tell, you'd just have to change the flashvars param to

Code:

project=path://to.project/file.sb

bobbybee · 2012-08-19 20:02:38

SJRCS_011 wrote:
MrFlash67 wrote:
henley wrote:
You could aslo just use this:
Code:
<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>
That requires it to be on the Scratch website, this does not.
First time I got the 180!
actually, as far as i can tell, you'd just have to change the flashvars param to
Code:
project=path://to.project/file.sb

Yup.

veggieman001 · 2012-08-19 20:07:18

SJRCS_011 wrote:
MrFlash67 wrote:
henley wrote:
You could aslo just use this:
Code:
<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/[username]/[projectID].sb?version=1"></object>
That requires it to be on the Scratch website, this does not.
First time I got the 180!
actually, as far as i can tell, you'd just have to change the flashvars param to
Code:
project=path://to.project/file.sb

No, the SWF needs to be on the same site as the SB or else there'll be a security error.

Scratch

archived forums

#1 2012-08-16 05:26:50

Upload Flash Player to Weebly with Scratch Project!

Code:

Code:

#2 2012-08-16 05:36:02

Re: Upload Flash Player to Weebly with Scratch Project!

#3 2012-08-16 09:13:04

Re: Upload Flash Player to Weebly with Scratch Project!

Code:

#4 2012-08-16 15:21:30

Re: Upload Flash Player to Weebly with Scratch Project!

#5 2012-08-16 15:27:03

Re: Upload Flash Player to Weebly with Scratch Project!

henley wrote:

Code:

#6 2012-08-16 18:43:14

Re: Upload Flash Player to Weebly with Scratch Project!

MrFlash67 wrote:

henley wrote:

Code:

#7 2012-08-17 02:30:50

Re: Upload Flash Player to Weebly with Scratch Project!

henley wrote:

MrFlash67 wrote:

henley wrote:

Code:

#8 2012-08-17 02:34:30

Re: Upload Flash Player to Weebly with Scratch Project!

MrFlash67 wrote:

henley wrote:

MrFlash67 wrote:

#9 2012-08-17 10:46:51

Re: Upload Flash Player to Weebly with Scratch Project!

MrFlash67 wrote:

henley wrote:

MrFlash67 wrote:

#10 2012-08-19 17:11:40

Re: Upload Flash Player to Weebly with Scratch Project!

MrFlash67 wrote:

henley wrote:

Code:

Code:

#11 2012-08-19 20:02:38

Re: Upload Flash Player to Weebly with Scratch Project!

SJRCS_011 wrote:

MrFlash67 wrote:

henley wrote:

Code:

Code:

#12 2012-08-19 20:07:18

Re: Upload Flash Player to Weebly with Scratch Project!

SJRCS_011 wrote:

MrFlash67 wrote:

henley wrote:

Code:

Code:

Board footer