Managing a SkyDrive Photo Blog

As many of my readers know I like sourcing photos from SkyDrive. This article explains some of the details of how I manage my SkyDrive albums and my photo blog, Gallery Ludwig.

The SkyDrive Desktop App makes the SkyDrive look pretty much like any other folder on the computer. Updating a SkyDrive album is just a matter of dragging the photo or pictures to the folder. That can be done just as easily using SkyDrive in the browser, but with the Desktop folder not just files but folders – albums – can be copied to SkyDrive.

Copy pictures to SkyDrive folder

Of course, any subfolder can be the destination, just like copying or moving stuff around on your computer.

Like other files on a computer, the order of files inside a folder cannot be customized when using the SkyDrive desktop folder. However, using the SkyDrive in a browser provides the Rearrange option – a drag-and-drop feature.

Rearrange SkyDrive photos

You can arrange your SkyDrive photo gallery just the way you want, with the individual photos in just the order you like. As a “front end” or “lobby” to your gallery you need another site. I like using a photo blog for this. You can build some nice pages and have a blog post page showing the latest additions and any stories you would like to tell.

The photo blog is, of course, managed using Windows Live Writer. There is no better blogging tool. The Insert > Photo album feature can place nice link arrangements on a blog page or post. Just take a look at Silver Canvas – Gallery EXP 2. But even a single photo with a hyperlink to your album will be a fine “front end”. Let me explain that a bit more.

I use an album called Gallery EXP as one of my SkyDrive prime galleries. Inside this album are albums, folders for various topics. When a visitor gets to this album the tiles for the sub-folders show little slide shows of the contents. I think this is pretty neat. Here is a still photo of my gallery. Click the image to go to the live one.

Gallery EXP

Getting the link for the albums and photos is just a little bit complicated. For the prime gallery, sign in to your SkyDrive using the browser version. Navigate to your “prime gallery” folder. Click the little image“details” icon to open the information pane on the right side. Click Sharing then click Share folder. In the next dialog click Get a link. Then click Make public. You will now see a somewhat long URL in the address box. Copy this URL and file it so you can use it in the future to provide links to your gallery. You can click the Shorten link to get a short URL. You can see my short URL for Gallery EXP when you move the pointer over the image above. You can similarly obtain URLs for any folders in your gallery.

To inform my visitors of new photos in the gallery, I like to include the picture in an update post in the blog portion of my photo blog – my “landing page” for visitors. Here is how to go about that:

Navigate to the newly added photo in SkyDrive (not in the desktop folder, this requires the browser version).

Get image URL

Insert web image in Live WriterClick View original in the top taskbar. This gets you a view of the photo on a separate page. The address in the browser address field is the URL for this photo. It is rather long. Copy it and file it away. When you insert a photo in Live Writer – Insert > Picture > From the web…  this URL will allow you to source your actual photo and show it in your post.

Here is what such a post looks like:

Azalea Blossoms postOf course, you can see it better by clicking the image to go to that post. Be sure to click Latest in the menu bar to see the most recent posts. And don’t be shy about clicking the Gallery EXP link, it gets you to my gallery.


© 2012 Ludwig Keck


Combining WordPress and Live Writer photo gallery features

WordPress recently announced updates to the way media is managed from the blog dashboard (Manage Slideshows and Galleries — All in One Place). This makes using slideshows and inserting galleries in blog posts and pages much easier.

galleryEXP-32For preparing posts and pages in a fast and easy WYSIWYG (what-you-see-is-what-you-get) manner, nothing beats using Windows Live Writer. Live Writer also offers neat gallery access via SkyDrive photo albums.

So can both be used together?

Yes, indeed – sort-of.

Unfortunately, Writer doesn’t know about WordPress slideshows or galleries and has some editing quirks. The WordPress editor doesn’t understand the intricacies of the Live Writer “Photo Album” and tries to “optimize” the code. So between the two of them it is a delicate operation to get them to play together.

You can see that WordPress slideshows and galleries can be combined with Live Writer photo albums on my Gallery EXP page at Silver Canvas.

True, in the kitchen you should never use all the spices at once, and this is probably true in building a photo gallery blog as well. But my page is an exception, of course, as I am testing the gallery features of both WordPress and Live Writer.

The pitfalls and problems

Live Writer will not find a page created in the WordPress dashboard (most of the time), so to use Live Writer with a page, the page should be started in Live Writer. Besides that, Live Writer makes a mess of the gallery code generated by the WordPress editor. Example: The WordPress code for a gallery might be:


Live Writer will replace the quote marks and the “corrected” code will be like this:


You can imagine that when WordPress again gets a hold of this, the gallery won’t look the same.

Now the WordPress editor also attempts to correct and optimize code. When it gets a hold of the large set that defines the images and links of a Live Writer “Photo Album” insertion sometimes strange, and not necessarily beautiful things happen.

Especially insertions with individual thumbnails and links, like the one here, get mangled pretty badly. They get progressively more damaged on repeated use of the WordPress editor.

The strategy for getting an acceptable page or post is this: Plan ahead, minimize the use of the WordPress editor, and don’t make revisions.

Strategy and procedure

To get a post or page that combines Live Writer “Photo albums” with WordPress galleries proceed as follows:

1)  Plan ahead – Sketch out your post or page, note what photo albums and galleries you wish to include. Organize the photos for the albums and galleries.

2) Upload your SkyDrive albums – Set up the SkyDrive photo albums that you wish to include in the root of your SkyDrive. Live Writer cannot find sub-folders.

image3)  Start in Live Writer – Start the page or post in Live Writer. Include all elements and text, and any simple insertions. Insert the SkyDrive photo albums and pick the album styles and other features.

Live Writer provides a nice selection of thumbnail layouts, “Album styles”.


4)  Publish to blog – If you are working on a page go ahead and publish it. Since it is new it will not be included in a customized menu. If you are working on a post, select “Post draft to blog” so it will not be published immediately.

5) Edit in WordPress dashboard – Once the page or post has been uploaded the next step is to add the WordPress features – slideshows and galleries – that are not available in Live Writer.

The WordPress Media Library is one huge shoebox with all your images. The new features that make it much more user friendly really do not yet go far enough. imageSelecting the photos for a gallery or slide show is easy in principle, but messy in practice. Here is why:

When you click “Add Media” you are taken to a beautiful page like this:


Pretty nice. Click a thumbnail to select it. Only problem is the identification of the thumbnails. You can’t tell which image you are dealing with until you click it. imageThe pane on the right gives the details. Since the Media Library will be filled with many thumbnails and full images, the selection process is a bit cumbersome and time-consuming.

The procedure to get a gallery onto the page requires Create Gallery > Update Gallery > Update (page). The options for the type of gallery, Default, Tiles, Square Tiles, Circles, Slideshow, is a bit temperamental, galleryEXP-27and the interaction between columns and type – it it exists at all – is not obvious.

Re-arranging the pictures within a gallery is a quick drag-and-drop.

Still, WordPress galleries are nice. The slideshow works but the window size is not adjustable. The neatest gallery arrangement is “Tiles”. There is no control over the arrangement, but it is always pleasant.

For all galleries (but not Slideshow), clicking leads to a black-framed large image. A good way to view the pictures.


Updating the Mixed Gallery

Updating the mixed gallery can get tricky. If Live Writer is used the WordPress Galleries are messed up. If the WordPress editor is used the photo albums inserted by Live Writer may get spoiled.

Editing in WordPress editor

The WordPress galleries can be easily maintained and modified in the WordPress editor.


Clicking the Edit Gallery link in the gallery placeholder opens the Edit Gallery page which allows re-arranging, deleting or adding to the gallery, as well as changing gallery parameters. “Add to Gallery” can be done from the Media Library or by uploading. Uploading would be the preferred method – it is also a drag-and-drop process and avoids the confusion posed by the Media Library.

The only downside is that Live Writer Photo Albums might get mangled.

Updating Live Writer Photo Albums

Maintenance on the Live Writer Photo Albums is a matter of updating the corresponding SkyDrive album. That is a snap, especially when using the SkyDrive Desktop App. Just manage the folder like any other folder on the PC and let the app do the updating. Even relocating the album will not affect the operation of the blog post or page – it will continue to work just fine.

If you don’t mind the occasional update headache, combining the features offered in Windows Live Writer and the WordPress online editor can lead to some gorgeous looking photo galleries.


© 2012 Ludwig Keck


Different Views

We all have our individual approach to taking pictures. Seeing another photographers work can be instructive as well as enjoyable. This note is an introduction to just such an opportunity.

The blog “Two Cameras – Two Views” shows side-by-side examples of different interpretations of the same subject.

For the story behind that blog, please see my post “Shared blogging with Live Writer” in “the other corner”.





© 2011 Ludwig Keck

Sourcing content for your WordPress Gallery Page

In another post, Setup and Maintain a Photo Gallery Page with Live Writer, I discussed setting up a static page on a WordPress blog as a photo showplace gallery. Here I want to present some of the methods for sourcing and displaying images using Windows Live Writer with a WordPress blog. For illustrations here I will use my blog named  “Gallery Ludwig”.

Using Windows Live Writer makes the “curating” job easy and straight-forward. Inserting pictures from your local computer offers the most options. Writer has some photo editing tools that present some interesting features. I wrote about the Writer photo edit tools in Photo Edit Tools in Live Writer.

In another post I talked about Sourcing blog post images from SkyDrive. There are some additional features that I did not mention there.

A reminder: Stick to sources on the web that are under your control and that you have the right to use!


Pictures, albums and slide shows from SkyDrive

Many of my photos are in the Photos section of my SkyDrive, so I would like to show those on my gallery page. The prettiest and easiest is to insert a “photo album”. So to demonstrate the methods, I will start by adding a link to an album:


One of the nice features of Writer is that it lets you connect to a SkyDrive album and presents it with pretty art. This is only available for SkyDrive albums or newly set up albums with pictures from your computer. Now to the details of adding a SkyDrive album.

Click Insert on the Ribbon. Click Photo album. Click Add online album. This is illustrated above.image_thumb7

A dialog window opens with a sign in request to your Windows Live service. Sign in. Writer connects to your SkyDrive albums and shows them after a short interval. Here is what mine looks like (in part, I have removed some information and albums):

Just select one of the albums and click Insert. Writer downloads the images to prepare a nice display.

A new tab on the Ribbon opens, “Photo Album Tools”.


The default album layout is called “Squares”, it can show as many as 41 thumbnails. What is especially appealing, each thumbnail when clicked shows a full-browser presentation of that picture. image

Other layouts are “Grid left” and Grid right”. Those later two only show seven thumbnails like this:

Three other layouts show overlapping thumbnails. These are called “Spread”, “Fan”, and “Scatter”.

All but the first-mentioned layout connect to a full-browser SkyDrive slide show when any part of the image (any thumbnail) is clicked. Unfortunately the slide show does not work in all browsers (as of January 2011) . The various layouts are all illustrated on my gallery page, Gallery 1.

Showing an individual photo sourced from SkyDrive is a little more complicated.

Image from SkyDrive


The command in the Insert tab PictureFrom the web opens a dialog that requests the web address of the picture. When you go to your Photos section on Windows Live and click to view a photo there is information about the picture (on the right, below an ad – here removed). The information includes “Web address” and “Embed” code.


The web address is the address of the that page – that may not be what you want. The embed code works well enough (you can paste it in on the source view of Writer) and shows a thumbnail of the image. However, with that code the picture tools are not available. image

To get the actual address of the image on the SkyDrive server, click on the image so that it is displayed full-browser without any other material. The rather-long address then in the browser address bar provides the link to the full-size image. Get it by clicking in the address bar so all the text is highlighted, press Ctrl+C to copy it. That is the address to enter into the Insert Web Image dialog (Ctrl+V to paste it). Shortly (after download) the dialog window will show a thumbnail of the image and you will know that you got the correct one. Clicking Insert places it into the page. Now with Picture Tools (click the image to bring up the tab on the Ribbon) you can modify the size and placement of the picture. You will not be able to crop, rotate, or use any of the effects, the frame options will be very limited.

You can assign a hyperlink to a picture to take the viewer to another page. Above I have linked the “Insert Web Dialog” image to the slide show of that small album. Here is how to do that: On the page showing the picture find the “Slide show” command (above the picture). Click Slide show. When the show starts, copy the address from the browser address bar. In Writer click on the image, click Hyperlink on the Home tab or the Insert tab or Link to: Web address… on the Picture Tools tab. Insert the address into the dialog. You can similarly install a hyperlink to the SkyDrive album page.


Pictures, slide shows from Flickr

You can show pictures from your account hosted by Flickr. The Flickr guidelines contain the following restriction:

  • Do link back to Flickr when you post your Flickr content elsewhere.
    The Flickr service makes it possible to post content hosted on Flickr to outside web sites. However, pages on other web sites that display content hosted on must provide a link from each photo or video back to its page on Flickr.

Bringing pictures from your Flickr account is similar to the way it works with images from SkyDrive. You need the web address of the picture to enter into the Insert Web Image dialog. The primary page in Flickr is the “photostream” – that is where you get to with the “” address. imagePhotos there are all shown in the “photostream” – photos can also be assigned to “sets” – equivalent to “albums”. When you click on a photo it opens up on its own page with a variety of information on the page. Right above the photo is a “Share this” link. Click this to get several options. One of them is “Grab the link”. This is the link to this page, not to the individual image. This is the address that Flickr wants you to link back to. So copy this address to use in the hyperlink for the image on your page. You still need the address to the actual image that you want to show.

imageThere is another option “Grab the HTML…” – as with the similar code from SkyDrive, this code does contain the address, but is this is not the way to insert an image in your posts or pages. An easier way is by way of the “Action” link. Here there is a “View all sizes” option. This leads to a page with size options. Clicking on a size option places a image of that size on that page.


Click the size that you wish to use on you page. Then right-click on the image and click Copy image address. If there is no such option, select Properties and find the address there. Use that address in the “Insert Web Image” dialog. Note: If the thumbnail image does not show up there, you did not get a valid address.

Be sure to select the inserted image and assign a hyperlink to it using the address from the “Share this” – “Grab the link” – to allow the viewer to get to your Flickr page (and to satisfy your obligation).

Neat hint: Append “lightbox” after the terminal slash – so that the address looks like this:

This shows your Flickr photo full-browser in a black “lightbox” – very nice.

Slide show from Flickrimage

You can link back to a slide show of a set (or the whole photostream). On your photostream page click on one of your sets. Click Slide show (near upper right). The show will start. Grab the address from the browser address bar. Use this address as the hyperlink for the slide show. Here I have assigned a slide show hyperlink to the illustration at the right.

Flickr slide shows work in most browsers.


Pictures, slide shows from Picasa Web Albums

Picasa Web Albums has a landing page with albums. That is the page you reach by your address of this imageform: “”. Click on an album icon to go to that album page. Click on a thumbnail to go to the page for that photo. Right-click to get the web address of the image (you may have to select Properties first). The address so obtained is the address to use in the “Insert Web Image” dialog. If there is no thumbnail image in that dialog, you did not get a valid address. Note the image size you get with that address is the same as on the Picasa site. That should be fine for a gallery page.


Slide show from Picasa Web Albums

To get the address for slide show of an album on Picasa Web Albums go to the album page. imageIn the upper left there is a “Slideshow” link. Click this to start the slide show. The browser address bar shows the address for the photo being displayed at the time. You can copy this address. It is easier with the slide show stopped (controls on the bottom of the image). If you use this address the show will display with this image first. Remove the numbers at the end so the address has the form:

Of course, it will have your name, not mine in it, and the name of your album. I show this address here so you can try it. Compare what to get by clicking the address above and the image above.


This should get you well underway in building your gallery page with images from your various photo sharing sites. Enjoy!



Setup and Maintain a Photo Gallery Page with Live Writer

With the discontinuation of Windows Live Spaces the attractive “entrance page” and easy to share web address to SkyDrive albums is gone. None of the popular photo sharing sites, Flickr, Picasa Web Albums, or Windows Live Photos (on SkyDrive) have neat and customizable “front pages”.

So what to do? I am reminded of the German saying “Not macht erfinderisch” – I will render it in English as “necessity fosters innovation”. WordPress, Blogger, and other blog sites, allow you to set up static pages.

Windows Live Writer is an excellent tool for setting up and for maintaining such pages. This way you can create your photo gallery page, or pages, just the way you like. What is more, the pictures can be sourced from SkyDrive, Flickr, Picasa Web Albums, Shutterfly, and many other free photo sharing sites. You can also incorporate links to specialized sites like and Photosynth. Here I will describe WordPress pages since this blog is at home on WordPress.

First, of course, you need a blog account. All the blog sites make this an easy step-by-step process. If you have a blog module on your Windows Live Spaces site, you can migrate right over to WordPress (prior to March 2011 when Spaces shuts down). For some guidance on setting up a blog on WordPress see “How to set up a WordPress blog”.

For a gallery page you probably have a certain look and feel in mind. WordPress offers many “themes”, in fact over a hundred, so there is likely one that fits your bill. Set up your blog to your liking. On how to customize your WordPress blog see “How do I customize my WordPress blog?”.

In Windows Live Writer the process to connect to a blog account is also straight forward. For details see “How do I connect Windows Live Writer to my WordPress blog?”.


Setting up the gallery page

Here is how to go about setting up the static page. Open Windows Live Writer. It will offer a blank blog post window. You can tell by the prominent “Enter a post title”. This is not what you want.

For this demonstration I will use “Gallery Ludwig” as the demo blog site.

Click File (the leftmost tab on the Ribbon)image.

Click New post.

In the right pane click New Page.

Now you get “Enter a page title”. This not only allows you to put pictures and text on a page, but it sets it up and adds it to your blog.

Enter the title you want for that page. Be careful, make sure of the name and spelling. For this demo I will call my new page “Gallery 1”.

There are some other setup tasks to complete the static page, so add some text, maybe a picture in the main area and publish the page. You will be able to add to and modify the page later.

Click the Home tab. Click Publish.

The page will be uploaded and your browser will be opened to display the blog.

Configuring the blog

Next to configure the blog so visitors to your blog will see the static page first. Admire your initial effort and close the browser.

On the Ribbon click Bog Account. image

Click Dashboard. The browser opens and takes you to your WordPress blog dashboard (you may have to sign in).

Here there are two things to do: To set up another page that you will use to show your blog posts, and to set the static page as the landing page for visitors.

In the left pane click the down arrowhead next to Pages. Then click Add New. This opens the editor for imageimagea new page. In the field showing “Enter title here” type the title for the blog post page. I chose “News” for mine. Scroll down and find the Publish button. Click it to add the page to your blog.



In the left pane click the down-arrow next to Settings. Then click Reading.

On this page you see this:



Here you select what the front page, the one visitors see first, should display. Click on the second choice, “static page”.

Then you specify the page that is the front page and the page on which blog posts are to be shown. These are selected in the drop-down selection boxes. The page names will be available there. Here is my setting for the “Gallery 1” page to be first and the posts to be shown on the “News” page.


Now you will also see why you set up a new page for the posts: so it will show in this selector and you can specify it correctly.

Scroll down and click Save Changes.

Your blog is now configured for a static “landing” page and a separate blog post page. There are still some details to clean up.


Close the browser. In the Blog Account tab on the Ribbon click View site. The browser opens again and shows your blog site. Notice that you see your newly created static page. On the menu you can also see the newly added post page. In my case the menu line looked like this:


It shows “Home”, “About”, and “News”. I thought long and hard before I selected the title “Gallery 1” for my front page, and here it is called “Home”. Furthermore the “About” page is listed next. It is common for Internet sites to show the “About” page as the last item in the menu.

This can be changed as well, but not in all cases for all themes. If it is ok with you the way it is, leave it alone. If you want to change the menu this can be done with a custom menu. Click: How do I install a custom menu on my WordPress blog?

Maintaining the page

After publication of your page you can modify it, add to it, make any edit changes with Windowsimage Live Writer. If you are running Windows 7 you might be able to open the page right from the Start menu: Click the Start button, move the pointer to Windows Live Writer then to the right to see the jump list. Click on the name of your page.image

The other way is to open Writer, click File (upper left tab), Open recent post and your page should be shown in the right pane. Click on it to open it.

You can now modify the page: add to it, make any changes you wish. To refresh the modified page online just click Publish on the Home tab.

In another post I discuss some of the ways of showing material on your gallery page from other sources.

Good luck and much fun with your gallery!