Web Designer+

Photo & Graphic Designer+

Page & Layout Designer 11

Designer Pro+

3D Maker 7

Widget Guide : Version 5

Photos

There are many photo related widgets. In this guide we give step by step instructions on inserting widgets for two of the most popular - Picasa (slideshows) and Flickr (badges and slideshows). The steps for other photo widgets are likely to be similar.
Flickr BadgesFlickr SlideshowPicassa Photo Slideshow

Flickr Badges

Below we give a step by step guide on how to insert a Flickr Badge.
www.flickr.com
navman30uk's Xara_Gallery_2009 photoset navman30uk's Xara_Gallery_2009 photoset
An HTML Badge
www.flickr.com
This is a Flickr badge showing items in a set called Xara_Gallery_2009. Make your own badge here.
A Flash Badge
1
Sign in to your account to create your own Flickr badge.
2
Select the type of badge you wish to create (an HTML badge or a Flash badge) and click Next.
3
Choose the content you'd like to display on your badge from your photostream and click Next.
4
Set the layout options and click Next.
5
Choose the colors and click Next.
6
Copy the HTML code (Ctrl + C) from the field labeled 'This is the code you need:' to embed into your website.
7
In Web Designer or Xtreme 5, open the web page in which you wish to embed your Flickr badge.
8
Using the Rectangle tool, insert a placeholder on your web page where you wish the badge to appear.
9
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab.
10
Replace the HTML code with the code you copied from Flickr.
11
Click on OK to apply the changes and close the dialog.

Flickr Slideshow

Below we give a step by step guide on how to insert a Flickr Slideshow.
1
Go to flickr.com and search to find the albums you are looking for
2
Select the the link labeled Slideshow to begin playing the slideshow.
3
Click on the link labeled ‘Share This’ on the top right hand side of the slideshow.
4
Copy the HTML code (Ctrl + C) from the field labeled ‘Grab the URl:’ to embed into your website.
5
Create a placeholder of the same size as the Flickr slideshow you are about to embed.
6
Position the placeholder in your page where you wish the slideshow to appear.
7
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab
8
Replace the HTML code with the code you copied in step 4.
9
Click on OK to apply the changes and close the dialog.

Picassa Photo Slideshow

Below we give a step by step guide on how to insert a Picasa Slideshow.
1
Go to the Picasa Web Albums home page and sign in to your account
2
Select the Link labelled 'My Photos'.
3
Choose the album you wish to embed.
4
Click on 'Link to this album' on the right hand side.
5
Click on 'Embed Slideshow'.
6
Select your slideshow options and copy the resulting HTML code (Ctrl + C).
7
Create a placeholder of the same size as the Picasa Slideshow you are about to embed.
8
Position the placeholder in your page where you wish the Picasa Slideshow to appear.
9
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab.
10
Replace the HTML code with the code you copied in step 6.
11
Click on OK to apply the changes and close the dialog.
About Xara | Press | News | Logos & Graphics | Resellers | Jobs at Xara | Contact Xara | Imprint | Privacy & Cookie Statement | EULA

Copyright © 2024 XARA GmbH. Xara® is a registered Trademark of Xara GmbH..

  • Developed in the UK