Showing posts with label Flash. Show all posts
Showing posts with label Flash. Show all posts

embedding a wix site into blogspot (or any other type of site)



Wix is great - of course! Embedding a wix file someplace else is even better! The photo gallery above was made with wix, using their photos. I just made a simple little page which is the post width of this site. However, you could get far more fancy and do some really great headers or side bar elements using wix and the custom HTML/Javascript widget here on blogspot.

Unless you have a premium wix site, you will of course have the wix preloader and their little logo on the side, however personally I find these completely appropriate and inoffensive for something which is after all free!

The embed code is given to you as you are publishing the site, shown in the image below:


And below is how the code will look. If you do not want all the social networking stuff which is located at the bottom of a regular wix site, simply remove the black highlighted bits:

<object width="513" height="310" type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10.0.0"><param name="allowFullScreen" value="true"/><param name="allowNetworking" value="all"/> <param name="allowScriptAccess" value="always"/><param name="base" value="http://static.wix.com"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=xBcJA71T1Y8-a&embedFormat=websites&embedID=0b5fc474-1689-4d89-9a28-f51fb88064e7&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" allowNetworking="all" allowScriptAccess="always"  allowFullScreen="true" FlashVars="pageId=xBcJA71T1Y8-a&embedFormat=websites&embedID=0b5fc474-1689-4d89-9a28-f51fb88064e7&partner_id=WMGs4POB1ko-a" style="border: Xpx solid #yourhexcode;" type="application/x-shockwave-flash" width="513" height="310" base="http://static.wix.com" scale="noscale" salign="tl" ></embed></object><br/><a href="http://www.wix.com"><b>Free website</b></a> - <a href="http://www.wix.com/create/website" ><b>Powered By Wix.com</b></a>

(Note: The border code from the previous post will work just as well with an object embedded from wix. In this case you place it before type="application/etc inside the embed tag like I am showing you above with the bit which is highlighted in red. For the wix file, which I embedded above, I used a 1 pixel border in a medium gray (#888888).

One thing to bear in mind is that if you want a border do not forget to size your output in wix accordingly before you import it to your blog/site. As an example, the post width on this site is 515 pixels, however I published the wix file at 513 pixels in order to accommodate the 1 pixel border around it).

http://www.wix.com/

.................................................................................................................................

embedding a flipbook into a blog with issuu


Last time I looked into this (which was a few months ago) it still wasn't possible to do so but I just found out that you can now embed flipbooks which you create with issuu into other domains! Gave it a try just now and as you can see above it works beautifully!

So, all you need to do is create a free account with issuu, make your flipbook by following the instructions on the site which involve combining the images of your left/right pages into a pdf which you then upload into your issuu library. Once the book has been crunched by the system it will be published, at which point you will find the embed icon (looks like this < >) under the thumbnail of the book. Make sure you have all the correct things checked on the menu which appears when you click on the tags (such as having the double page view as default!), then copy and paste everything into the HTML tab of the post editor and you are done! You can also change the height and width of whatever appears on your blog by playing with the values inside the embed code. If you do so remember to use a calculator so that the aspect ratio remains correct.

 Tip:  When you publish this there will be several text links which appear under the small flipbook on your site. If (like me) you do not want these text links simply delete the bottom part of the code, which will look something like this:
<div style="text-align: left; width: 420px;">
<a href="http://issuu.com/elifayiter/docs/ctrl_xyv?mode=embed&amp;viewMode=presentation&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> - Free <a href="http://issuu.com/" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=computer" target="_blank">More computer</a></div>

.................................................................................................................................

free flash photo galleries + free swf hosting

Just stumbled upon this:
A lot of these are freebies and some of them could look really cool on a custom designed header, or embedded into a page post as a photo gallery.

In order to be able to do this you will need to host your swf file somewhere - unless you have your own server or a remotely hosted site, that is. Here are a couple of places that seem to do the job, for free:

.................................................................................................................................

embedding a flash file (swf) into a blog post

You might need this for all sorts of things, but especially for stuff like flash based photo galleries. All explained beautifully, right here:
http://www.aleosoft.com/flashtutorial_blogger.html

.................................................................................................................................

ajax/javascript/flash image galleries

Here are some really good and popular image galleries that you can use in your web pages. All of them are free, however some do have Creative Commons licenses, so read carefully if you are thinking of monetizing your sites in future. All websites contain step by step tutorials on how to setup and customize the galleries, however most of them will require you to get your hands dirty, meaning you have to go into the code.

Ajax Galleries 
Lightbox (most popular, slick and cool design)

Javascript Galleries
Highslide (personal favorite, very customizable, probably requires the most coding among these)

Flash Galleries

Will be updated... Check back for more soon.

.................................................................................................................................