Photo Gallery for Google Sites

Photo Gallery Solution for Google Sites

SimpleViewer Picasa gallery in Google Sites

After hours of research, I finally came up with a method for displaying Picasa photo gallery thumbnails in Google Sites.  The default Google Sites Picasa gadgets (single photo and album slideshows) were not flexible enough (in my humble opinion).

My solution was to utilize the new html hosting features of Google Drive and linking, via iframe, to the exported Picasa folder.  It requires a few steps, but the final product is impressive.  It even adapts (responsive) to mobile devices!

Here are the steps:

Get SimpleViewer app
In Picasa (desktop version)
  • From Picasa 3.9, export your photos as HTML
  • Choose the SimpleViewer template
In Google Drive
  • Upload the entire folder created in previous step to Google Drive
  • Set the folder permission sharing to public
  • Copy the folder ID
In Google Sites
  • Add iframe gadget to page
  • Set URL to "https://googledrive.com/host/YOURFOLDERID" *important
  • Resize gadget to best fit your website
  • Save page

Here's the finished Google Sites photo gallery which dynamically pulls in the html, scripts and images from my Google Drive:

https://sites.google.com/site/aneudesigninteriors/gallery

 Let me know what you think.

Updated on 3/25/2014
A few readers have had trouble finding the correct album URL. Here are are Google's help instructions: Host webpages with Drive

Note: The free version of SimpleViewer has a limit of 50 photos per gallery.
Patrick LaJuett
Patrick LaJuett operates a website design and marketing agency where he supports his clients as a Web technology consultant and search marketing strategy advisor.

Comments

Post a Comment

Popular posts from this blog

Universal Search / Blended Search

Image
If I had to recommend one thing regarding SEO/inbound marketing...embrace the social media tools like blogging, Twitter , Facebook, YouTube, etc. Google is transforming the way it ranks content: http://www.wired.com/magazine/2010/02/ff_google_algorithm/ You can already get a hint at what's on the horizon with universal or blended search (Websites, video, images, local maps, and even social "mentions"). According to Google, "The ultimate goal of universal search is to break down the silos of information that exist on the web and provide the very best answer every time a user enters a query." If a potential customer has a question...it makes sense to provide Google with your "very best answer".
Read more

Bacon Wrapped Strip Steak

Image
Bacon Wrapped Strip Steaks My first attempt at cooking bacon-wrapped steaks on my propane-fueled Weber grill.  They turned out great! I started by prepping the steaks. I seasoned them with a bit of salt and pepper. Next, I wrapped each steak with a strip of bacon, securing it with a toothpick. I grilled them for about 6 minutes on each side until the bacon was crispy and the meat cooked to a medium rare temperature. I removed the steaks from the grill and let them rest for a few minutes to allow the juices to redistribute. Then, I sliced them into thin strips and served them up. The bacon-wrapped strip steaks were delicious. It was the perfect summertime meal! The bacon added a salty and smoky flavor to the juicy and flavorful meat. PIN RECIPE Bacon Wrapped Strip Steak Recipe These bacon-wrapped strip steaks are juicy and flavorful, with a crispy bacon exterior. Perfect for grilling o...
Read more

Convert Your Website to a Mobile Friendly Design

Image
Make Sure Your Website is Mobile Friendly. Earlier this year, Google Search expanded its use of mobile-friendliness as a "ranking signal". This change affected mobile searches worldwide and had a significant impact on Google Search results. Google's Mobile-Friendly Test Tool How to get the“mobile-friendly” label from Google. Avoid software that is not common on mobile devices, like Flash Use text that is readable without zooming Size content to the screen so users don't have to scroll horizontally or zoom Place links far enough apart so that the correct one can be easily tapped If you want to make sure that your page meets the mobile-friendly criteria: Check your pages with the Mobile-Friendly Test . Read Google's updated documentation, " Webmasters Mobile Guide " on how to create and improve your mobile site...
Read more