Saturday, January 16, 2010

Putting an album into your sidebar

This article shows how to put an album link into your sidebar (or anywhere that you can put a gadget on your template) in Blogger.



Make your album 


Previously I've introduced Picasa and Picasa-web-albums (PWA), and listed some ways that you can link PWA to your blog.
  1. Go to Picasa Web Albums
  2. Check that you have already uploaded the album you want from your PC to Picasa-web-albums.
    (and if you haven't, go back to Picasa and upload it now) - and that you are allowed to publish all of the pictures
  3. Choose an album by clicking on it.
    The album view opens, showing you a thumbnail of all the photos in it on the left of the screen. On the right of the screen, there is a sidebar of useful tools. One of these is "Link to this Album".
  4. Click on "Link to this Album".
    This opens two options, showing the code to use to link to the album in an email, and one with the HTML to embed in a website.
  5. Copy the entry under "HTML to embed in website".


Put it into your blog

The HTML code that you copied from PWA is just like HTML code from and other 3rd party source, so it can be in stalled the same way:  option 1 in this article shows you how to put it into a gadget.

Once it's there, you may like to move it to a new location (while you're still in the layout editor), or centre-align it.


What your readers see

This puts a picture-link to your album into your sidebar (or wherever you chose to put the gadget): it will have a white border - though you may want to edit the HTML to make it look different.

When a reader clicks on the picture-link they are taken to the Picasa-web-album, where they can view, but not edit, the album you've linked to.






Related Articles

Picasa & Blogger - Part 1, What is Picasa?

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

Putting 3rd party HTML into your blog

Centering gadgets

Copyright, blogs and bloggers - copyright applies to pictures too.

Share this Article

URL:

HTML link code:

BB (forum) link code:

Subscribe to Blogger-hints-and-tips

FeedBurner will send a confirmation message. Click the verify link in it to start your subscription.

Follow Me on Pinterest Subscribe to Blogger-HAT on Google + RSS subscription icon Follow BloggerHAT on Twitter

2 comments:

  1. hi i have inserted PWA in my site www.chatpatkhana.com .PLS TELL ME WHAT STEPS TO FOLLOW SO THAT WHEN ANYONE CLICKS ON THE IMAGE ON SLIDESHOW IT SHOULD GO TO THE INDIVIDUAL POST IN MY BLOGGER WHERE I HAVE PLACED THE IMAGE

    ReplyDelete
    Replies
    1. Sorry, I don't believe that there is currently a feature in Picasa-web-albums to do that. The best I can suggest is to put the post-URL into the caption field for each photo, but I don't think that will give you the click-through ability.

      Delete