Put video on your website with stylish popup video effect ! Now for Windows and Mac!

VideoToWebsite is a free wizard program that helps you easily add Background Image For Vimeo Hubnut video to website, web page or blog, in a few clicks without writing a single line of code.

All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a Drupal Facebook Template video clip, for example cut-n-paste YouTube url, then select the template for video popup and video thumbnail appearance and, at the final step, publish the result to a local drive or directly to the Internet via a built-in FTP client.

VideoToWebsite generates a nice image thumbnail for your clip. On click, this thumbnail expands into a stylish overlay window containing the videohyperarts free facebook code. No css, html, javascript coding, no image editing, just a couple of clicks to get the your video added to the Web!


DEMO

New Cloud, Dark Glass, Windows, Mac and Facebook templates!

Cloud Template Dark Glass Template

Mac Template Windows Template Facebook Template

Features

Download for Windows



Download for MAC

VideoToWebsite is FREE for non-commercial use.

A license fee is required for the use on commercial site. VideoToWebsite Business Edition additionally provides an option to remove the VideoToWebsite credit line as well as a feature to put your own watermark to videos SWFobject Resize. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the VideoToWebsite Free Edition into a Business one. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.
Also you can get Business Edition for free if you help with translating VideoToWebsite site into your native language, please contact us at for more info.

What's New

Video LightBox v1.8 (March 25, 2010)

* New Cloud and Dark Glass templates!

Cloud Template Dark Glass Template

* The option to specify the number of columns in your video gallery.

* Overlay shadow color and page background color.

* You can save thumbnails in PNG or JPG format and specify the quality of the generated images now.

Video LightBox v1.6 (February 19, 2009)

* The generated code is fully XHTML compliant now.

* The bug with incorrect position of the content video inside the frame is fixed.

Video LightBox v1.5 (December 22, 2009)

* Video LightBox supports flv, mp4, 3gp local video files now! See List of codecs supported by Adobe Flash Player

VideoToWebsite v1.3 (December 20, 2009)

* New Windows, Mac and Facebook templates!

* Play button over the thumbnail!

* The ability to change the order of the videos in your gallery using mouse is added.

VideoToWebsite for MAC earns Apple 'Staff Pick' (August 19, 2009)

Apple Staff Pick

VideoToWebsite MAC version beta (August 17, 2009)

* MAC version of VideoToWebsite is added. Download it here

VideoToWebsite v1.2 (August 14, 2009)

* VideoToWebsite supports Google Video, Metacafe, Vimeo, MySpace Ref Ts Facebook Fbml videos now!

* An option to add watermark over the video is added hyperarts free facebook code (for Business Edition only).

Watermark

Help

Step 1 - Adding video to website gallery .

Copy and paste a direct link to your YouTube video (or Google Video, Metacafe, Vimeo, MySpace) into the 'Video url' field and press "Add video" button.This video Embed FLV on Web Page will be automatically added to your website gallery.

Hyperarts Free Facebook Code

If you have included the videos that you do not wish to be in the website gallery,you can easily remove them. Select all videos that you wish to remove from web site FLV HTML Tag gallery,and select 'Delete selected..' button from the toolbar. You can pick and choose videos byholding the CTRL while clicking the videos you like.

Step 2 - Video Gallery properties.

Switch between available templates to select a template you want to use in the Hyperarts Free Facebook Code.

Control the quality of output thumbnail images by defining "Thumbnail quality" parameter (0%-100%).
You can establish the various sizes for the thumbnails.

Step 3 - Publishing of the VideoToWebsite. Put video on website or local drive.

Publish your website web gallery online or to a local drive.

Now you are ready to publish your website video gallery online or to a local drive for testing.Select the publishing method: publish to folder or publish to FTP server.




  • publish to folder. To select a folder on your hard drive, just click the Browse folders button and choose a location. Then click Ok. You can also set "Open web page after publishing" option.
  • publish to FTP server. The FTP Location Manager window enables you to define a number of connections for use when uploading your web site gallery to an FTP.

You are able to add a new FTP site by clicking "Edit" to the right of the "Publish to FTP server" drop down list. FTP Location Manager window will appear. Now type in a meaningful (this is not the actual hostname) name for your site and fill in the FTP details in the appropriate fields. You will have to type in your hostname, e.g. domain. The FTP port is normally located on port 21 thus this has been prefilled for you already. If your web site uses another port, you will have to enter it here.

Type in your username and password for the connection. If you do not fill in this information, VideoToWebsite is unable to connect to your site and thus not able to upload your How to Convert SWF to HTML videos to website. If this website enables anonymous connections, just type in anonymous as the username and your e-mail address as the password.

You might want to change the Directory as well if you need to have your uploaded images placed in e.g. "www/gallery/". You can specify it in the FTP Folder field on the Publish Gallery window.

Notice: Write the name of the folder where your website video hyperarts free facebook code will be placed on the server. Notice that you should specify this field; otherwise your website video gallery Add Video HTML will be uploaded into the root folder of your server!

Save your web video gallery as project file.

When you exit VideoToWebsite, you'll be asked if you want to save your project.The project consists of the videos you choose to put on your website video gallery and all your settings.It's a good idea to save the project, because that will allow you to change the project in case you decideto do something different with future galleries. So click Yes, then enter a name for your project.To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

Step 4 - Add VideoToWebsite inside your own page.

VideoToWebsite generates a special code. You can paste it in any place on your page whereyou want to add video popup.

    * Export your LightBox gallery using VideoToWebsite app in any test folder on a local drive.
    * Open the generated index.html file in any text editor.
    * Copy all code for VideoToWebsite from the HEAD and BODY tags and paste it on your page in the HEAD tagand in the place where you want to have a Lightbox Fa R Videos movie (inside the BODY tag).

SWFobject Google hyperarts free facebook code<head>
...
  <!-- Start VideoToWebsite HEAD section -->
   .....
  <!-- End VideoToWebsite HEAD section -->
... </head>
<body>
...
  <!-- Start VideoToWebsite BODY section -->
  .....
  <!-- End VideoToWebsite BODY section -->
...</body>

  Add Rounded Corners Embed Vimeo  Facebook App Audio Clip Fan Page  Vimeo Thumbnail Doesn T Display Facebook  Inserting Vimeo In Blogger  Vimeo Html Email  Inserting Myspace Video Into Powerpoint  Vimeo Facebook Thumbnails  Vimeo Tumblr Configuration  Video Vimeo Saccade Firefox Embed  Vimeo Player For Myspace

Support

For troubleshooting, feature requests, and general help, contact Customer Support at .
Make sure to include details on your browser, operating system, VideoToWebsite version, and a link (or relevant code).


Tutorials

Facebook Skin, Facebok Theme, Facebook Layout, Facebook Facebook Layout | skin for Facebook | Layout for Facebook | Free Facebook Layouts | theme for facebook | Facebook CSS Code Simple Tutorial how to Manage Stylish
HyperArts Web Design | Facebook Welcome to a Facebook Page about HyperArts Web Design. Join Facebook to Or purchase the multiple-tabs CSS/HTML code to Static FBML FAQ, as well as a tutorial on adding
How To Create the Perfect Facebook Fan Page Techipedia | Tamar Designing A Facebook Fan Page: Showcases, Tutorials, Resources HyperArts Page (http://facebook.com/hyperarts stuff you can do on your Facebook Fan page. Steps & code
  Index Exhibit How To Embed Vimeo  Typo3 Videolightbox Vimeo Extension  Vimeo Dans Dreamweaver  Embed Vimeo Video Clip On Facebook  Download Facebook Videos Hd  Can T Embed Vimeo On Forum  Hq Facebook Thumbnails  Add Vimeo To Blogspot  Embed Vimeo Gallery On Blog  Upload Facebook Widescreen Video  Plugins Vimeo Para Jomtube  Add Video Clip To Facebook Email  Vimeo Embeded In Flash  Add Opaque To Vimeo Embed  Vimeo Phpbb3  Applications Embedded Into Info Section Facebook  Vimeo Password Protect Embedded Videos  Embed Myspace Player Php Download  Www Facebook Com Bussines Safer Cinema  Embed Vimeo Autoplay Dreamweaver
Topic: tutorial - MyBlogLog Facebook Fan Pages Show Content to Fans & Hide understand, repair or add-on to a given code Travel Thailand Free Thai Imports Tutorial Thai Imports Tutorial
How to Make Facebook Video with Music and Photos - Slideshow Click it to get the Facebook video code. With the Facebook video code, you can Slideshow Maker Free Trial More Tutorials Christmas Photo Movie for YouTube
Facebook PHP Tutorial Heres the code for the Hello Facebook! application: Hello ! great tutorial ! But facebook have a new library now, Makebeta is a free resource provided by
Basic HTML code for your Static FBML pages on Facebook about it: http://www.hyperarts.com/blog/facebook Feel free to email me the full code you are using I researched Branding Facebook Fan Page experts & help tutorials
Creating a custom Facebook tab using FBML | LightCMS Watch our videos Sign up for free Takes less than encountering questions about how to set up a Facebook Techipedia's FBML tutorial. HyperArts's FBML tutorial
How to Make Facebook Video with Music and Photos - Slideshow Click it to get the Facebook video code. With the Facebook video code, you can Slideshow Maker Free Trial More Tutorials Christmas Photo Movie for YouTube
HyperArts on SEO, Social Media, Facebook, WordPress & Programming HyperArts tutorials, opinions and observations re Facebook Apps, WordPress CMS, Blogs, SEO, Social Media, etc. creating websites, I'll show you how to use it as a free
Topic: tutorial - MyBlogLog Facebook Fan Pages Show Content to Fans & Hide understand, repair or add-on to a given code Travel Thailand Free Thai Imports Tutorial Thai Imports Tutorial
Smashing Magazine: Designing A Facebook Fan Page: Showcases Hyperarts A lot of excellent tutorials related to Facebook fan the code, are available for download. Facebook Programming step-by-step tutorial is a free mock-up Facebook
Excellent Tutorials to Utilize the Power of WordPress and The code above will show a large facebook sharer button your WordPress into Facebook. Source. If you like the above tutorials feel free to HyperArts Blog N.Design Studio
How To Create the Perfect Facebook Fan Page Techipedia | Tamar Designing A Facebook Fan Page: Showcases, Tutorials, Resources HyperArts Page (http://facebook.com/hyperarts stuff you can do on your Facebook Fan page. Steps & code
HyperArts Web Design | Facebook Bergabunglah dengan Facebook untuk mulai berhubungan dengan HyperArts Web Design. purchase the multiple-tabs CSS/HTML code Static FBML FAQ, as well as a tutorial on
How to Avoid No Thumbnail Issue While Sharing Post on Facebook Have you ever tried clicking on a Facebook Share link from For them, we simply wrote a manual code and placed Write a Tutorial Writing an article at WPBeginner is not
Add Matcafe To My Website Tutorials Vimeo Private Hosting Hyperarts Free Facebook Code Google Mike Hill Bug Man Facebook Embedd
Install FBML on a Facebook Page | LearnToWebDesign.com Once, you have followed this tutorial and have installed FBML on your Facebook It is free to create a page. possible, as demonstrated on the HyperArts Facebook
Hack Facebook account basic tutorial video cheat codes; coffee break; Credit cards; dofollow blogs; Download; Download MP3; ebook esq-download to Hack Facebook account basic tutorial video
Download Facebook Farmville Cheat Codes Source Codes, Facebook Facebook Farmville Cheat Codes Codes and Scripts Downloads Free. The Webware JBEngine is an platform developed Tips and Tutorials / Development
Smashing Magazine: Designing A Facebook Fan Page: Showcases Hyperarts A lot of excellent tutorials related to Facebook fan the code, are available for download. Facebook Programming step-by-step tutorial is a free mock-up Facebook
Basic HTML code for your Static FBML pages on Facebook about it: http://www.hyperarts.com/blog/facebook Feel free to email me the full code you are using I researched Branding Facebook Fan Page experts & help tutorials
Insert Vimeos Embed Vimeo Html5 Wordpress Vimeo Website Button Hyperarts Free Facebook Code How Done), v etin to a running start using tons of great free web-based tutorials and
Topic: tutorial - MyBlogLog Facebook Fan Pages Show Content to Fans & Hide understand, repair or add-on to a given code Travel Thailand Free Thai Imports Tutorial Thai Imports Tutorial
How To Add a Contact Form to your Facebook Static FBML Tab with There is a free option and a paid option. Both have the same with <input type=submit value=Submit > so the code will work in Facebook. HyperArts
Static FBML Facebook Page Application Tutorial Customize your Tutorial: Customize Facebook Pages with "Static FBML" application You asked me to send you the "3 step code with iframe facebook GAS-FOR-ALL-VEHICLES-100-WORKING-FREE
Google Analytics for Facebook Fan Pages - PHP, Web and IT stuff If you dont have a Facebook fan page yet, visit our tutorial for code and help or two from your blog posts on HyperArts Did you alter the code? You are free to use our
Add Matcafe To My Website Tutorials Vimeo Private Hosting Hyperarts Free Facebook Code Google Mike Hill Bug Man Facebook Embedd
Install FBML on a Facebook Page | LearnToWebDesign.com Once, you have followed this tutorial and have installed FBML on your Facebook It is free to create a page. possible, as demonstrated on the HyperArts Facebook
HyperArts Web Design | Facebook Bergabunglah dengan Facebook untuk mulai berhubungan dengan HyperArts Web Design. purchase the multiple-tabs CSS/HTML code Static FBML FAQ, as well as a tutorial on HTML Video Embed | jQuery Video Player | HTML Video Embed | HTML Video | HTML Popup Window
more

Blogs

Add a Contact Form to your Facebook Static FBML Tab with JotForm

Per a Jotform employee's comment below, Jotform has now fixed the "Social Network" tab under "Advanced Options" so that the code it generates works in Facebook. But it doesn't support validation or CAPTCHA. Click in the "Full Source Code" field ... HyperArts JotForm Example. Check out our example of a JotForm form on a Static FBML tab. You can customize the CSS for the form in the tags. I added: label { font-weight:normal; } .form-label-top { font-weight:bold; }

Best Online Form Services for Facebook Fan Pages – Static FBML

The services I checked out offer both free and paid plans. Either plan offers the same options in terms of form features etc. The difference with paid plans is in the number of different forms, or form recipients, or submissions you are allowed. .... Be sure to wrap all code in <code>code> tags. Submit Comment. Add a Contact Form to your Facebook Static FBML Tab with JotForm | HyperArts · Add a Contact Form to Your Facebook Static FBML Tab using Allforms | HyperArts

Tutorial: How to Embed Photobucket Slideshow in Facebook Static

Embed your Photobucket Slideshow in your Static FBML tab on your Facebook Fan Page. Easy-to-follow tutorial by HyperArts. ... videos or slideshows, Flash (SWF) or Flickr galleries. Of course, the first thing you need to do is set up a Photobucket account (free) and then create your slideshow. I won't go into great detail on that here. But, basically, you need first to create a new Photobucket album, then upload photos to that album, tag them, add descriptions, etc

How Facebook Notes Have Changed & Why You - HyperArts

PRO: The Notes section of your Facebook page becomes a mini-blog, with all of your posts and any comments made by fans on the posts. The clean and easy-to-use interface is free of ads, unlike some other applications. CON: The Notes import feature can take a while to ... We are offering this great Ajax-driven Contact Form for your Fan Page. Includes validation. Easily customized. See these examples. Cost is $69 for code & PHP form processor. (Customization not included)

Adding RSS Feeds to Your Facebook Fan Page – Static FBML and 3rd

Go to the Involver website and click the blue Facebook "Install" button under "Free Applications";; On the next screen, select the Facebook page on which you'd like to install the app;; After selecting the page to which you want to install the app, ... Create, or have someone create for you, a Facebook canvas application: Because the code for canvas apps is not hosted on Facebook servers, there is not the restriction around scripting languages that exists for Static FBML

Comprehensive Static FBML Troubleshooting Guide - Why You Can't

Comprehensive Static FBML Troubleshooting Guide - Why You Can't Add the App or Why Your Code Isn't Working. Posted: 04 Nov 2010 01:44 PM PDT. If you're not on the HyperArts Blog, Click here! Now that I've answered a gazillion comments

News Feed Optimization and Effective Facebook Posts | HyperArts

The HyperArts fan page is where we offer advice and DIY tutorials for enhancing your social web presence, especially with Facebook applications like FBML. Our community has grown over the past year and we have seen our fans engage with us ... Then you might not ever see or hear from them again, after they get their free prize. But if they became a fan expecting to hear from you, it's wise to give them what they want...YOU! No matter how many tips and tricks you study and

Facebook FBML: Using the fb:share-button with Static FBML; Custom

The above tutorial should be sufficient for you to get the Facebook Share Button working. Make sure you do thorough testing of your code. If you follow these instructions carefully, it should all work fine. Technorati Tags: Facebook

Embed Vimeo Video in Facebook Fan Page - HyperArts

i have put the below code on my facebook application and this loads the video fine on IE, but does not load on any other (FF, Safari, Netscape) browsers. Can u pls help me, if we need any other adjustments needed in the code to make it work ? free). I haven't seen evidence that Facebook is converting Flash video to iPad-compatible format. #26 by Christopher - August 17th, 2010 at 11:05. Fantastic Post! Thorough instructions

Facebook Contest: Win a Free FBML Tab

Winner will receive FBML code from one of 4 custom templates, and HyperArts will implement that code on their Facebook Page. Take a look at our new $99 FBML templates, and if you don't win, you can still purchase one of these templates

Add a Contact Form to Your Facebook Static FBML Tab using Allforms

You add new questions via the left column, and you style the form (just colors) in the right menu (the color options say "For Plus Accounts Only" but these options work in a free account, as well. At least they did for me). Name Your Form: Give your .... Be sure to wrap all code in <code>code> tags. Submit Comment. Add a Contact Form to your Facebook Static FBML Tab with JotForm | HyperArts · Best Online Form Services for Facebook Fan Pages – Static FBML | HyperArts

Giveaway – Win A Free Copy of Headway 2.0 WordPress Theme

Win a free copy of Headway 2.0 at WPBeginner in our twitter exclusive contest. Headway is the most beginner friendly WordPress theme. ... It allows you to resize, rearrange, and add elements to your blog theme without editing a single line of code. Literally, it allows you to create a new WordPress powered sites in a matter of few minutes. In our opinion, it does not do justice to define this theme in words, so here is the video. Watch it, and you will be convinced as

How to Remove Spammy or Annoying Facebook Applications | HyperArts

I just read in my newsfeed that my aunt "liked" Hyperarts on Facebook. So funny, since my aunt is absolutely not technical, she´s a writer/journalist and I guess she´s looking into Facebook to connect with her readers. ... for months and it ´s great to see it turn into one of the main references for Facebook Page development. Someone once gave this great advice regading social media: "Give something valuable. Give wide. Give freely. Some of it will eventually come back

Facebook Static FBML – External Hosting of your CSS Style Sheet

If your Facebook Fan Page requires the hosting of external CSS Stylesheets and images, we think Google Sites is the perfect solution, and it's free! ... Be sure to wrap all code in <code>code> tags. Submit Comment. Static FBML & Internet Explorer 8 – Use External Stylesheets, Not Inlined | HyperArts · Facebook Static FBML – External Stylesheets No Longer Work – CSS | HyperArts · Facebook Static FBML – Use External Stylesheet or Won't Work in Internet Explorer |

HyperArts on Design, Coding, Drupal, SEO, SMO, &c

Yesterday, August 19, 2010, Facebook announced that in the pursuit of simplifying and standardizing their platform, they would be moving away from FBML and towards iFrames, both for canvas applications and Page tabs

Facebook Static FBML Custom Tabs - HyperArts

I got the images working with the fbml http://www.facebook.com/azartgirl?v=app_23744633048 Now I need to tweak a bit on the actual graphic, it's off a bit to the right--I thnk it is a graphic thing and not a code. ... I keep telling them ' Since they are giving us this tool for free, we really can't complain....' From the bug report, it does appear to be actively worked on. I'm new to Facebook bug reports so I'm not sure how long things may linger in that status

Tutorials to Design a Facebook Fan Page

A lot of excellent tutorials related to Facebook fan page development can be found in the Static FBML & FBML archive on the Hyperarts Blog. The tutorials are geared to both beginners and advanced developers

The Future of Static FBML Custom Tabs, Now that Facebook is Moving

The beauty of the Static FBML application is that it allows people with very minimal Web coding or development experience to build their own custom tabs, usually with the aid of some free or commercial FBML templates that require very

Free Facebook Static FBML Application Tab with Contact Form

To be considered for this prize, please send an email with the subject line "FREE Contact Tab" to smo at hyperarts dot com. Include the following information: Name; Website; A link to your existing Facebook Fan Page

The Most Common Facebook Static FBML Problems and How to Solve

If you are looking for a free compression tool PNG Guantlet is great. Cheers, e. #21 by Miguel - October 11th, 2010 at 08:22. Hi there, I've just started a fan page and am using Static FBML - btw thank you for the great tutorials! ... I'm in Real Estate, and Just recently I learned about the whole custom landing page thing on facebook. I deisigned a background, saved it as a jpg, and sent it over to my website person for code. So far, she has gotten it to show up in

How to Create Fan-only Facebook Content with the Reveal Tab

DIGISTORE offers “Discount Codes, Unadvertised Specials, Free Monthly Giveaways.” digistore on facebook. You get the picture. “We have great content here, BUT FIRST you gotta Like us!” Of course, you should make sure that your “teaser” to non-fans is sufficiently compelling .... Tim Ware is the owner of HyperArts Web Design, helping businesses build and promote their Web presence. His focus these days is Facebook app development and Static FBML. Other posts by Tim Ware »

FBML Tutorial Videos | HyperArts

That's expressly forbidden by Facebook's Terms of Service and I would strongly advise you not to violate the TOS. Read this blog post: http://www.hyperarts.com/blog/3-step-code-script-require-sharing-invites-fan-page/ ... I can't believe you give this stuff away for free! Reply Quote. #34 by Melvin - July 22nd, 2010 at 07:03. Great Tutorial! One problem. I followed your instructions but when I click on Static fbml from the more applications section; I don't receive the

Facebook Contest: Free Consulting and a Special Offer! | HyperArts

Facebook Contest: Free Consulting and a Special Offer! - Hello Friends and Fans (and now, Those Who "Like"), We are having another Facebook contest, ... Web Coding, SEO & Social Media, WordPress, Facebook

Comprehensive Static FBML Troubleshooting Guide – Why You Can't

HyperArts Static FBML Tutorials. Use External Stylesheet to add CSS to your FBML Tab — Or Internet Explorer won't work! How to Embed Your YouTube Channel Video Player in a Static FBML Page; Embedding Vimeo Videos in your Facebook Fan

more

Videos

more