A Flash badge
- Flickr give us a code, which can be summaries like this :
<!-- Start of Flickr Badge -->
<style type="text/css">
... some style sentences ...
</style>
<script type="text/javascript">
... javascript sentences ...
</script>
... html sentences ...
</div>
</div>
<!-- End of Flickr Badge -->
<style type="text/css">
... some style sentences ...
</style>
<script type="text/javascript">
... javascript sentences ...
</script>
... html sentences ...
</div>
</div>
<!-- End of Flickr Badge -->
- Copy the green part, where the badge must appear.
- Create a file (with notepad) which contain the css (the blue part). Name this css file style_flickr.css
- Insert a <link> tag to load the StyleSheet :
<link rel="stylesheet" type="text/css"
href="http://YOURSITE/style_flickr.css">
- The result :
Using a Google Gadget
- I encapsulate the previous code within a Google Gadget :
120 x 182
- Parameters of the Gadget :
UserId : The Flickr User Id. Use IdGettr to find your Flickr user Id
Set : Number of the Set to display
Titre : Title to display
Footer : Text to display within the footer
Link : Link on the footer
BorderCol : #rrggbb Border color
BackCol : #rrggbb Background color
LinkCol : #rrggbb Link color
Set : Number of the Set to display
Titre : Title to display
Footer : Text to display within the footer
Link : Link on the footer
BorderCol : #rrggbb Border color
BackCol : #rrggbb Background color
LinkCol : #rrggbb Link color
- A Flickr Badge, using the Gadget :
- Inserting the gadget with a script or an iframe
An HTML badge
- Flickr give us a code, which can be summaries like this :
<!-- Start of Flickr Badge -->
<style type="text/css">
... some style sentences ...
</style>
<table ...
... some html ...
</td></tr></table>
<!-- End of Flickr Badge -->
<style type="text/css">
... some style sentences ...
</style>
<table ...
... some html ...
</td></tr></table>
<!-- End of Flickr Badge -->
- Copy the green part, where the badge must appear.
- Create a file (with notepad) which contain the css (the blue part). Name this css file style_flickr.css
- Insert a <link> tag to load the StyleSheet :
<link rel="stylesheet" type="text/css"
href="http://YOURSITE/style_flickr.css">
- The result :
| www.flickr.com |
More Informations
- A Google Gadget to Play a Flash Slideshow from Flickr
- Five seconds to add a Flickr Slideshow
- Create a Slideshow using Media RSS Feed. Another way to create a slideshow from Flickr
- Sliding Photograph Gallery
- Create Borders for your Pictures
- Changing Opacity and Transparency
- Opacity and Transparency with Blogger
- Adding titles for pictures using CSS
- Using a lightbox for your pictures
- Discover more pictures of Swiss Wineries
