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 -->


  • 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
  • The normal <link> tag to upload a style sheet, will be removed by GPC. You need to upload the style_flickr.css file into your GPC, and to write this javascript at the beginning of the first section (after header) of the page :

<script language="Javascript" type="text/javascript">
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href =
'http://YOURSITE.googlepages.com/style_flickr.css';
cssNode.media = 'screen, print';
cssNode.title = 'style sheet for changing width';
document.getElementsByTagName("head")
[0].appendChild(cssNode);
</script>


  • The result :


www.flickr.com
This is a Flickr badge showing public photos from prac53. Make your own badge here.



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 -->




  • 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
  • The normal <link> tag to upload a style sheet, will be removed by GPC. You need to upload the style_flickr.css file into your GPC, and to write this javascript at the beginning of the first section (after header) of the page :

<script language="Javascript" type="text/javascript">
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href =
'http://YOURSITE.googlepages.com/style_flickr.css';
cssNode.media = 'screen, print';
cssNode.title = 'style sheet for changing width';
document.getElementsByTagName("head")
[0].appendChild(cssNode);
</script>


  • The result :


www.flickr.com



More Informations




Tutorial - How to use Google Page Creator



Using GPC





Add this Gadget to Google - Every day a new label - discover new wines



facebook - philippe chappuis