Fun With a Giant Tesla Coil

Tuesday, February 26, 2008

Adding dotPhoto Show Widgets to Your Blog

Widgets are little windows that you can plug in around the web. Let's say you put together a dotPhoto Show that introduces you and your best ideas. You can mingle your photos with music and PowerPoint slides, and park your dotPhoto Show widget in your blog's navigation bar.

There's a dotPhoto Show widget is this blog's navigation. Here's how to make one:

  • Watch one of your dotPhoto Shows.
  • Click on Embed at the top of your show.
  • Choose "Widget"
  • Copy the link and embed it in your blog.

To embed the link in Blogger, click on Layout, Choose Add Page Element, and then HTML/Javascript. It's not as hard as it sounds: just cut and paste.

Sunday, February 24, 2008

Adding dotPhoto Elements as Permanent Blogger Components

Blogger's Layout tab enables users to add permanent links, RSS feeds or dotPhoto Shows as part of the layout. These links will not "go away" as new blogs replace old blogs: they will remain at the top of your blog where they are always available to your readers.

Adding links from Blogger to your dotPhoto Account

Click on the Layout link in blogger:

Click on "Add a Page Element." You can add page elements to the thin menu column on the left or to the blog area on the right. In this example, we're adding links to the thin menu column on the left.

Bloggers offers many tools for adding images and links. Let's choose "Link List."

Sign into your dotPhoto account to get your links. The easiest way to make your photos always available is to choose the main link to your albums and to sort your albums by recency: that way, your most recent photos are always at the top.

To find your links, go to your albums, click on Share and See Links.

You can copy the main link for all albums or copy links for individual albums.

Once you have chosen and copied your links at dotPhoto, return to Blogger and paste the links in your link list. Give it a title and a site name like the ones below. Paste your link into the "New Site URL" field.

On your Blogspot page, the new element will look something like this (depending on the blog style you have selected):

Adding a dotPhoto Show as your first page element in your blog

A dotPhoto Show can set the tone for your blog or explain briefly who you are or what the blog is about. Here's how to add a dotPhoto Show as the first page element in your blog.

As in the procedure above, click on Layout. Then choose the HTML/JavaScript option by clicking on "ADD TO BLOG."

Go to your dotPhoto account, click on the Show tab, and "mouse over" the show you want to add. Click on "Link show" in the menu that pops out. (If you cannot find this menu, simply watch a dotPhoto Show, and, at the top of the screen, click on the "Embed" link.)

Click on the "Embed in your favorite Blog or Website" link to copy the Show link:

Back in Blogger, paste in the link to the HTML/Javascript box and click on Save Changes.

Finally, click on the new page element you have just created in the layout. Hold your mouse button down and drag the element to the top of the page like this.

You'll see that you have added a new dotPhoto Show that will always appear at the top of your blog.

Wednesday, February 20, 2008

How to add Photos, Albums and Shows to Blogger

This post explains how to host photos, albums and Shows at dotPhoto, and how to illustrate Google Blogger with these posts. Every illustration below is actually an image at dotPhoto. This is a very simple procedure: you do not need to know HTML or programming to do this.

dotPhoto provides links to every photo, album and show under the "Share" menu on the left side of the screen. Click on Share, and then on See Links to choose the links.

To link to an album, you can simply copy an album link and paste it like this:

There are two album links: one links directly into thumbnails, and the other one links directly to the first photo in the album:

By clicking on a photo, you can also access the links to that photo and embed that photo directly into Google Blogger. To embed a photo, click on the photo and copy the "Websites, Auctions and Blog" link like this:

Then click on Blogger's "Edit Html" tab, scroll down to where you want to place the photo and paste in the link. When you click on Blogger's "Compose" tab, you'll see your photo. You don't have to know anything about HTML to cut and paste dotPhoto links into Blogger.

Hosting a dotPhoto Show is also easy. When you're watching your dotPhoto Show, click on the Embed link at the top of the screen and copy it into your Blogger "Edit Html" window. Here's how to copy the dotPhoto Embed Link:

You can host dotPhoto Shows at most sites and blogs. See

Blogger erroneously reports that dotPhoto Show links are missing a tag, but, if you click the Blogger box that says "Stop showing title or body HTML errors for this post," it works just fine. Example:

Got a question?
Call us at 609/ 643-0090 x400 or write