2012年10月9日星期二

Effective ways to share your page flip book online

After you have created your page flip books, you just cannot wait to share them with your friends. How many ways do you know to share your flip book? You may know share offline. But today I’d like to share some ideas about how to share your page flip book online which could help you make more of your friends know your books.
There are two situations of sharing flip books for you to concern:
Situation one: if you have a website, then just upload the output files by FTP or other ways:
1) Log in your website via FTP, for example, you website domain is http://www.yourdomain.com;
2) Upload all of files in the output directory to your website. For example, your output directory is C:\out\myflipbook.

Then upload the directory "myfilpbook" (including "files" folder, SWF and HTML files) to your site.
3) See your flipping book at: "http://www.yourdomain.com/myflipbook/index.html" or better: http://www.yourdomain.com/myflipbook/

Situation two: If you don’t have your own website to publishing created flip book files, there are still two methods for you, too:
1) Publish the flip book onto your blog with uploading all output files (include folders);
2) If you can't upload folders to your blog or you don't have a blog, there is an online backup and share website you can utilize to publish your created page flip books:
1. Create an account in Dropbox:

2. Choose "*.html" as flip book output format, choose output path as "…\Dropbox\Public\flipbook" (make sure under "Public" folder);

Open the "flipbook" folder under Dropbox path, right-click to share online, then you can browse the files on Internet; Click the "index.html" to view the flip book, you will get the book link like this: https://dl.dropbox.com/u/19047203/flipbook/index.html. Then you can send the link to other people to view your flip book online.
PS: You can also directly copy the link you get in dropbox: https://dl.dropbox.com/u/19047203/flipbook/index.html and paste to the related place in paragraph below:
<iframe  style="width:400px;height:200px"  src="index.html?pageIndex=3"  seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

没有评论:

发表评论