Victory Design Studio

Your Resource for Website Content Management

Adding PictoBrowser to your Website

PictoBrowser is a free web application that displays Flickr and Picasa images on websites and blogs.  It is a very easy way to add a photo gallery to your website.  Here are step by step instructions for adding one on any page of your website with our VictoryCMS.

** Make sure you have a Picasa Web Album already set up.

  1. Go to http://pictobrowser.com/.  Read this entire page as it gives you an idea what you can create.

  2. Click on the link in the top right called PictoBuilder.





  3. Click on the box for Picasa or Flickr - wherever you have your photos stored






  4.  Enter your login email address and click Continue

  5. Click on Albums






  6.  Choose the album you want to show






  7.  Adjust the settings until your PictoBrowser looks just like you want it to look






  8. Click on Get HTML Code at the top of the PictoBuilder


  9. Highlight and copy the code

  10. Login to VictoryCMS and open the webpage you want to place the PictoBuilder in.






  11. Start a new paragraph to define the area you will place the PictoBuilder and type the words "PictoBuilder" in the content.






  12. Click on the HTML Source button in the VictoryCMS toolbar.

  13. Highlight the line that says "PictoBuilder" and then paste the code you copied overtop of it.  Click on image for full size picture.




  14. Click on HTML Source again to go back to the normal view. You should see a new line of text where the PictoBuilder will be inserted once published to your website - "Get the flash player here: http://www.adobe.com/flashplayer".

  15. If you want to center the PictoBuilder on your page you will have to type in additional code.  Click on image for full size picture and to read code.






  16. Click on Publish Page.

  17. Check your website to make sure all the additions are correct and that your PictoBrowser is working.

0 comments:

Post a Comment