www.netsi.dk

"The internet is just a layer on the real world" (don't forget that!)

Category Archives: Google Picasa Templates

Google Picasa Template: Camera, a responsive jQuery slideshow

If you like me use Google Picasa to organize your photoes, this HTML template for should make you clap your hands. I have created a new free Template based on the brilliant slideshow called “Camera” from Manuel Masia from Pixedelic. At the bottom there is a link to the jQuery based free slideshow, if you want to read more about it.

About Google Picasa

Google Picasa have support for exporting selected or image folders to HTML (well actually you can export it into what you like, XML, CSV or….). It is a simple offline template system where you are given some simple tools like template tags, includes and loops. Read more here: Picasa Web Templating System (a copy of the domentation included in the Google Picasa application). Previously I have shared a flash based slideshow Google Picasa template, which you might also want to install: Netsi Cycle Template for Google Picasa

Example implementation

The above iframe shows example output from the . It should be viewed in its own window as only there you will se the very powerfull “responsive webdesign” which is one of the very cool features of HTML slideshows generated using Camera Picasa Template.

 

First step: You can download the raw version

Dowload and install the Camera Picasa Template

or on github:
https://github.com/netsi1964/Google-Picasa-Camera-template

Next step…

This is the first release of my latest Google Picasa template – Camera Picasa Template, downloading the zip file and following the instructions found in the read-me.txt file inside the zip file will make it possibel to get the same cool slideshow of your favourite pictures. I will return at a later stage with more information and perhaps a webapp which will let you configure all the many settings that the Camera slideshow offers. If you cant wait, take a look at the “settings.js” file, simple comments found in the javascript settings file will help you.

Links

Share

Netsi Cycle Template for Google Picasa

image The other day I wrote a post about how you can add templates to Google Picasa – I now have created my first template for ! I name it “Netsi Cycle”, as it offers jQuery based auto cycling through exported .

You can download Netsi Cycle Template as a zip file here. Also visit the an online demo.

Inside the unzipped folde you will see a structure containing the files which together make the resulting webgalleri. You may want to take a look inside the structure and try changing things like:

  • Effects used
  • Speed of transitions
  • CSS styles

The transitions are handled using a jQuery plugin “jQuery Cycle Plugin” developed by M. Alsup. It is higly customizable which you can see the jQuery Cycle Plugin homepage.

Please feel free to download and put any comments, links til sites where you have used Netsi Cycle here on my blog!

Share

Use Google Picasa to generate cool webgalleries using templates…

Google Picasa offers so much more than just viewing on your PC and exporting them to a Google Webalbum. One of the cool ones is of template based webgallery generation. Exporting images using free can give your a twist making them very cool to watch.

How does it work?

Well you need ofcause Google Picasa. Then you need to add some “templates” inside the Picasa program. When you have done that you can get another template to choose from when you use the “Export to HTML…” option. What is generated are a folder containing files needed to show a gallery of the images you have selected.

1 Getting

This is simpel: Download and install it from Google: http://picasa.google.com

2 Adding the template

This post uses templates on: http://www.paulvanroekel.nl/picasa/. You will probertly find many others elsewhere on the net! We will try to use Piecemaker.

  1. Download the ZIP file containing the templates for Picasa
  2. Extract them to a temp folder
  3. Copy the folder named “Piecemaker” to a folder inside your Picasa installation – something like: “C:\Program Files\Google\Picasa3\web\templates”
  4. Start Picasa

3 Exporting some images using a template

You simply choose some images in Picasa. Then you find the “Export to HTML..” under the “Folder” menu (my version is in Danish, so it might be called something in that direction). Here you can see how it looks in my Danish Picasa when I choose the “Export to HTML…”:

image

When you choose the menu item you get a box with some choices. Here you can see which templates are installed inside your Google Picasa’ target=_blank>Google Picasa’ target=_blank>Google Picasa’ target=_blank>Picasa – probertly some basic ones plus Piecemaker which you just “installed” above. Choose Piecemaker and change other settings if you like…

image

When you have choses the “export” (here: “Eksporter” – in Danish) Google Picasa’ target=_blank>Google Picasa’ target=_blank>Google Picasa’ target=_blank>Picasa will generate the static files inside the folder you can see above as “Mappe”. You do not need to worrie so much about it now, because when exporting is done Picasa will launce the file showing the final result!

Usefull links and information

You can read the instructions on how to add templates to Google Picasa’ target=_blank>Google Picasa’ target=_blank>Google Picasa’ target=_blank>Google Picasa from the FAQ on the website of Paul Van Roekel. Another page on that site has some videoes showing how to… The example above is IFRAMED into this post, which is okay, but not perfect. Also I have changed the index.html file inside the template to include a link to my blog – ofcause you can make other changes… Perhaps one day you can even create your own template!

Share