We are using iframe code to embed our content into our website pages. This code will embed any page that is online. I have been experimenting embedding content on my self hosted blog Schmidtphoto2.com/wordpress. I posted an example where I embedded JerryCentral.com in a post. Click Here!!! In this case I set the width to 750px and the height to 200px, scrolling yes!!
Here is a clean no pop up code generator!
So now, how do you make use of the code??
We are creating galleries with Lightroom, Soundslides, Showit and other software. Each one of the will generate a folder with the necessary components to make the gallery work. We should be aware that there is a common element in each of these folder and that is the index.html. The index is essentially the homepage for the gallery. Here is what the address for the gallery used in this example looks like http://www.schmidtphoto2.com/sspmodel1/index.html. Name your galleries so they make sense and you know what is in them. In this example the gallery folder is called sspmodel1.
- Generate gallery
- Upload the complete gallery to your server
- Browse to your gallery as it is online now, and copy the address of the gallery.
- Paste the address into the code generator and specify the dimensions that you need for your layout.
- Copy the code
- Open the page that you want to embed the gallery into.
- Click the SPLIT view button so you can see the code and the design mode top and bottom.
- Click the location where you want place the IFRAME in the design view and you will see the insert bar location in the code view
- Paste the code into the location in the code view.
- Upload your Page and make it visible!!
http://schmidtphoto2.com/Slice/index.html
This is a test site I have been playing around with!!
Leave a comment