VISUAL SLIDESHOW & WEBSITE MAKER

Create your website – free, responsive, on your own!

Create awesome mobile-friendly slideshows and websites. No coding and free.

HOW VISUAL WEB MAKER WORKS

VISUAL SLIDESHOW WEBSITE BUILDER

Try now, it's free! You can use it for free to create sites for your and your clients' purposes!

DOWNLOAD FOR WIN DOWNLOAD FOR MAC

SLIDER / SLIDESHOW

GALLERY / PORTFOLIO

MOBILE / DROPDOWN MENU

How to insert make slideshow into my a webpage on my website

Q: I have created a slideshow using your make slideshow. It was very easy to install and create
the slideshow; however, I am having great difficulty understanding how to insert the
slideshow into my a webpage on my website.
Please send me explicit instructions on how to do this.

A: You can install visual slideshow on your own web page in 2 ways:

I. Manually:

1) Create your slideshow using VisualSlideshow.
2) Publish it on a local drive in any test folder:

- open Gallery->Properties->Publish or click 'Publish' button on the main menu panel;
- select 'Publish to folder', click 'Browse' button and select any local folder
- click 'Publish' button

3) Open index.html file from the saved folder in any text editor (Notepad for example)
or you can:

- open index.html page in any browser
- right click on the page
- select view source of the page.

You'll find 'engine' and 'data' folders in this saved folder also.

4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of you own webpage, for example:

<head>
...
<!-- Start VisualSlideShow.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine/css/slideshow.css" media="screen" />
<style type="text/css">.slideshow a#vlb{display:none}</style>
<script type="text/javascript" src="engine/js/mootools.js"></script>
<script type="text/javascript" src="engine/js/visualslideshow.js"></script>
<!-- End VisualSlideShow.com HEAD section -->
...
</head>



5) Copy code for the BODY section and paste it inside the Body section of you own web page in the
place where you want to have a gallery, for example:

<body>
...
<!-- Start VisualSlideShow.com BODY section -->
...
<!-- End VisualSlideShow.com BODY section -->
...
</body>



6) Notice. you should copy 'data' folder with images and thumbnails and 'engine' folder with .css and .js files
into the same folder with your own webpage.

II. Using 'Insert to Page' option:

1) create your gallery;
2) open Gallery->Properties->Publish;
3) select 'Insert to Page';
4) click 'open HTML page' and select the page, where you want to install
the gallery;
5) click inside the page to select where you want the gallery to appear
and press "Insert Before";
6) click 'Publish'.

Please try this.

VISUAL WEBSITE BUILDER

Make the process of creating your sites for non-profit and commercial purposes easier, this solution is free and doesn't require special skills.

DOWNLOAD FOR WIN DOWNLOAD FOR MAC