Thursday, July 23, 2015

Two ways to Embed a Flash file into Google Sites

Google Sites is the simplest way to make information available to individuals who require fast, current access. With Google Sites, developing a website is as simple as modifying a document and you constantly manages who has access, be it only your group, yourself, or even your entire organization.


However it is no more a strange news that Google sites do not support Flash, CSS or JavaScript, which is one of the barriers people faced when attempting to use Google web hosting.


Conversely, there are several ways available through which you can embed flash, CSS or even complex JavaScript based web applications to the Google sites and also design a stylish website. To achieve this, you can either attach a flash file to Google sites or host a flash file via Google Drive.


Likewise through these techniques, you can upload and post virtually any still content on your site together with HTML pages, flash banner, flash images for website, CSS, icons, video & audio files as well as podcasts.


This tutorial will teach you how the two options mentioned above can be carried out.


FIRST OPTION: ATTACH A FLASH FILE TO GOOGLE SITES



Step 1. Once you have developed your flash file (.swf) for instance Penguin Diner with any flash banner software, the next thing would be to login into your Google Sites, navigate to your site, and click on the Gear icon (More Actions) at the top right corner of the page and then, click on the "Manage site" menu.


managesite.png


Step 2. Navigate to "Attachments" on the left navigation bar to upload your flash file. After that, copy the link address by right clicking on “View” link. For instance,

attachments.png

Step 3. Return to your site, and click on the pencil button to create or edit a page. This opens an editing window of Site page.


Step 4. Click the "HTML" button on the main toolbar to embed the link below html codes;
Replace the (swf) file link with yours and also, adjust the width and height.


html.png


<embed src="https://sites.google.com/site/1test12345678902/penguin-diner.swf" width="800" height="500" pluginspage="https://get.adobe.com/flashplayer/"></embed>



OPTION 2. HOST A FLASH FILE VIA GOOGLE DRIVE



Step 1. Once you have developed your flash file (.swf), the next thing would be to upload the (swf) file into your Google Drive.


Step 2. Change the link sharing to Public on the web access.




Step 3. Change the link URL to host flash file with Google Drive. In this case,

https://drive.google.com/file/d/0BzCAbCoOWP-TY1h0VFlwaGlKc1U (Google Drive View)
https://googledrive.com/host/0BzCAbCoOWP-TY1h0VFlwaGlKc1U (Google hosting view)


Step 4. After entering the Google hosting view link on your browser, copy the converted link address, as seen in the link below.


https://3425a03752ad002a607d2b73ee2da9a433d4e3e2.googledrive.com/host/0BzCAbCoOWP-TY1h0VFlwaGlKc1U


Step 5. Return to your site, and click on a pencil button to create or edit a page. This will open for you an editing window of Site page.


Step 6. Navigate to "Insert" menu at the top of the editing window, and then click “More Gadgets”. (In this case I will use a gadget)


iframe1.png


Step 7. Search and select “Include gadget (iframe)”


iframe2.png


Step 8. Copy the universal URL link into "URL to content (required)" field and likewise, enter the width and height.


Conclusively, perhaps you are searching for how to quickly host your sites however you have no access to any web hosting server, Google Drive is an excellent choice. While Google Drive is used for Google web hosting, Google site on the other hand is a Google site builder tool.




Copyright ⓒ 2015 BNH Services, Inc. All Rights Reserved.

5 comments:

  1. The post is written in very a good manner and it contains many useful information for me.
    web hosting reviews

    ReplyDelete
  2. This is very informative post and Now I am going to implement these points. Thanks alot for sharing with us. Top 10 web hosting companies in India

    ReplyDelete
  3. Usually I do not read post on blogs, but I would like to say that this write-up very forced me to try and do it! Your writing style has been surprised me. Great work admin.Keep update more blog.
    PHP Training in Chennai

    ReplyDelete
  4. It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
    Android Training in Chennai
    Ios Training in Chennai

    ReplyDelete