ADS

News!! Putting A Slideshow From Picasa Into Your Blog

This article is near how to pose a Picasa slideshow into your blog, using Picasa's slideshow tool.   

It also looks at the security issues that may suffer involved inwards doing this, as good as suggests to a greater extent than or less ways to a greater extent than or less these.


Picasa, Albums as good as Slideshows

Previously I've explained what Picasa is as good as how it is used past times times Blogger as the default theater to store uploaded pictures.

You tin transportation away also utilization Picasa inwards to a greater extent than complicated ways.  You tin transportation away pose a set of pictures inwards a carve upwards "album" (Picasa's discussion for a user-defined grouping of photos), and it testament give y'all lot the HTML code to utilization to exhibit these photos inwards your spider spider web log (or whatever other website).


There are two ways of doing this:
  • Link to the album:  clicking on the link takes your visitor away from your website as good as into Picasa-web-albums, where they tin transportation away utilization the PWA tools to aspect through the pictures
  • Link to a slideshow:   this scrolls through the photos that are inwards the album at the time, right inside your website.  Here's an event of a slideshow:


This article is a step-by-step guide to the infinitesimal option, is showing a Picasa-web-album inwards your Blogger as a slideshow.    A similar approach testament move for other websites, idea the details testament vary slightly.


How to insert your slideshow

Go to Picasa Web Albums (Google account that owns (or y'all lot wish to own) the album.    Note:   y'all lot may accept away to utilization this trick to balance inside Picasa-web rather than beingness automatically re-directed to Google+ Photos.
  1. Check that y'all lot have got already uploaded the album y'all lot wish from your PC to Picasa-web-albums.
    (and if y'all lot haven't, learn dorsum to Picasa as good as upload it now)
  2. Choose an album past times times clicking on it.
    The album sentiment opens, showing y'all lot a thumbnail of all the photos inwards it on the left of the screen. On the right of the screen, at that spot is a sidebar of useful tools.
  3. Under the Edit drop-down (the i inwards the album, non the edit nib of fare inwards the browser), banking trouble concern check that Visibility is set to either "Anyone amongst the Link" or "Public on the web"
  4. Click on "Link to this Album"  (currently it's inwards a small-scale font, 3/4 of the way downward the right-hand sidebar - this may alter if Picasa changes its interface)
  5. Click on "Embed Slideshow"  (currently this shows upwards underneath "Link ... " - as good as alone AFTER you've clicked link...)
    This opens a new dialog box, over the move past times times of your electrical electrical flow browser window.



  6. Fill inwards the details y'all lot wish
    (slideshow size, whether or non to exhibit captions as good as to autoplay the slides, etc)
  7. Copy the HTML from the box at the bottom of the left hand-side (the i labelled "Copy as good as mucilage ..."
  8. Go to Blogger as good as log inwards amongst a Google go trouble concern human human relationship that has rights to edit the the spider spider web log - Federal Reserve notation that this doesn't accept away to suffer the same go trouble concern human human relationship that owns the Picasa album.
  9. You tin transportation away put the code that y'all lot copied into your blog inwards the same way y'all lot would adding whatever other 3rd political political party HTML to it.

What y'all lot come across inwards the Post Editor

If y'all lot pose the slideshow into a blog-post, the the way that the post-editor currently constitute amongst code way that the slideshow is non visible Earth y'all lot are editing the post.   This way it's slow to accidentally over-write or delete the code.

One way to a greater extent than or less this is to pose to a greater extent than or less "marker text" before as good as later it.

For example, I've pose inwards <hr /> as good as <blockquote> </blockqoute> statements before as good as later the code exactly underneath this paragraph.   While I'm inwards the editor, all I tin transportation away come across is a couplet of parallel lines, amongst naught betwixt them.   But (because you're visiting the spider spider web log later it's published) y'all lot tin transportation away come across a slideshow inwards between.





This makes the code aspect like:

<blockquote>
<hr />
<embed flashvars="host=picasaweb.google.com&amp;hl=en_US&amp;feat=flashalbum&amp;RGB=0x000000&amp;feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F105223767362417288786%2Falbumid%2F5439615839989953921%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCK7yg5XUpNHZtAE%26hl%3Den_US" height="192" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" type="application/x-shockwave-flash" width="288"></embed>
<br />
<hr />
</blockquote>


What your visitors come across - as good as tin transportation away access

The steps higher upwards puts a slideshow of the photos inwards the album at the electrical electrical flow quaternary dimension into your spider spider web log post.

You tin transportation away utilization the examples higher upwards to learn an idea of how these slideshows work:  they have got next, play / pause, as good as previous buttons, as good as y'all lot tin transportation away toggle captions on/off.   The move past times times event has auto-play ON, Earth the infinitesimal i has it OFF.

On significant thing to note:   when your visitors click on the slideshow itself (anywhere exactly on previous / play / side past times times side buttons), they are taken to the theater inwards Picasa-web-albums where the album is.

From here, they tin transportation away learn to ANY other albums owned past times times the same Google go trouble concern human human relationship that are either Public or Visible to Anyone With the Link.

This may or may non suffer a go for y'all lot - exactly it's something that y'all lot should suffer aware of.  It for for sure was a go for me initially, as good as I had to learn as good as learn a slideshow inwards a Google go trouble concern human human relationship amongst no personal pictures to construct the examples inwards this post.   

If y'all lot are non willing to last amongst this flat of security, as good as thus I suspect (am yet to confirm) that using the RSS feed provided past times times Picasa amongst Blogger's ain slideshow gadget may suffer a meliorate approach.   This testament alone move inwards places where y'all lot tin transportation away pose a gadget - although it may suffer possible to utilization a 3rd political political party service that converts a feed into Javascript to construct code that tin transportation away suffer pose inside a post.    Or totally unlike solution is to put your pictures into a PowerPoint slideshow as good as display it inwards your blog.



Related Articles

Picasa & Blogger - Part 1, What is Picasa?

Picasa & Blogger - Part 2, Options for linking Picasa into your Blog

Showing a PowerPoint presentation as a slideshow inwards your blog

Putting 3rd political political party HTML into your blog

Subscribe to receive free email updates:

ADS