Microsoft's Sexy Search Avatar

Just stumbled across this site in my stats this morning, and I can't believe I've missed it up til now. Ms. Dewey is an attractive search assistant from Microsoft, of all places, meant as an experimental interface for MSN search. Played by actress Janina Gavankar, best known for her role as Papi in The L Word, Ms. Dewey debuted in October 2006. She flirts, pouts, and entertains while waiting for your search term, then produces standard MSN search results, annotated with amusing commentary. She makes various random gestures while waiting, producing various props from behind her desk. She got quite frustrated with me, leaning forward to tap on my screen when I had failed to type anything for several seconds.

According to Wikipedia, Ms. Dewey is a viral marketing campaign — Microsoft is not actively marketing the site, but relying on the user community to spread the word. Her responses actually consist of about 600 video clips recorded over several days.

To experience her fully, you'll need the Flash player, as well as a high bandwidth connection. Check her out!

3 Column Widgets Compliant Blogger Template!

Success! In a previous post, I noted that the New Blogger supports my three-column template in "classic view," but rejects it in "widgets view." I am happy to report that I have solved the problem. After much experimentation, I now have a working three column version that you can open and edit in either HTML view or in "widgets" view.

It was much more than just a bit of badly formed XML. The code that the new Blogger uses for its "widgets view" is a radical departure from the XML that the old Blogger used. New Blogger uses variables, inserts several strange new tags into your code, and stores information differently. All of this is in support of a new user-friendly interface that enables you to add objects (Blogger calls them widgets) and change your blog's template without having to know a speck of code. The code structure underlying this, however, is finicky and much less tolerant of syntax errors than Blogger's previous incarnation of XML.

To get the 3-column template working properly in widgets mode, I basically had to rebuild it from scratch, from Douglas Bowman's new widgets-friendly 2-column Minima design.

Two Template Choices

As a result of this, there are now two versions of the three-column template.

• Classic: If you are using the Old Blogger (or if you are on New Blogger but don't anticipate needing to significantly modify the template), use the original 3-column version. Note that you cannot open this version in Widgets view. This means you cannot add newsreels, video, a label list, or any of Blogger's other new page elements. You can modify the template, but you will need some familiarity with HTML.
• Widgets: If you are on New Blogger and want the ability to easily customize the fonts, colours, or layout of the template's elements, and prefer to use a point-and-click interface, use the new Widgets version. You can make look and feel changes through an interactive point-and-click interface or by editing the HTML. This version also supports new Blogger features such as newsreels and video, and lets you take full advantage of Blogger's new support for category labels.
  

Changing Template Fonts & Colours

To modify the Widget template's current fonts and/or colours, open your Blogger dashboard, then click Layout / Template > Fonts & Colors. Choose the element you wish to modify from the list at left, then select the new font and/or colour you want for that element. Click Save Changes and view your blog.

Modifying Page Elements

I have designed the new widgets version to look as similar to the original as possible. It contains placeholders for your profile, blog archive, labels, popular posts, blogroll, and more. However, because of the way that new Blogger now handles information, some page elements will not appear in preview mode until you enter details for them, and you won't see the details in your HTML code at all.

To modify an existing element, click Template > Page Elements. Select the element you wish to modify, then click its Edit link and add the necessary details. You can change its title and/or default configuration any way you like. Click Save Changes when you're done.

Removing Page Elements

To remove an element, click its Edit link, then click Remove Page Element.

Adding New Page Elements

You can add new elements to either the left or right sidebar. To add an element to a sidebar, choose the sidebar you want to modify, then click its Add a Page Element option. You'll see a list of fourteen types of elements. Choose the one you want, then click Add to Blog. Blogger will prompt you to complete the title and/or other details. You can move elements around or change their stack order by dragging them.

Be aware that certain types of elements, such as link lists or HTML/Javascripts, can be added multiple times. Others, such as your Blog Archive, will generate an XML error if added more than once.

If you wish to change the widths, margins, padding, or border styles of the three columns, you will need to edit the HTML.

I hope you find these templates useful. Remember, before you make major changes, be sure to back up your current template.

A Fix for Screwy Blogger Feed Dates

After updating all 135+ of this blog's posts yesterday with the new Blogger's much-hyped "label" feature, I discovered, much to my annoyance, that Blogger's native feed now defaults to updated rather than published order — that is, feed contents are sorted by the date on which posts are modified not by when they were created!

For New Blogger users, unfortunately, this means that every time you make the slightest change to a post, including fixing a typo or correcting a broken link, it will jump to the top of your feed — regardless of how old or obsolete it is. If you do a batch of changes as I did yesterday, your feed will be a jumbled mess of outdated posts. If you subscribe to other people's Blogger feeds, you'll be seeing lots of recycled posts.

When I emailed FeedBurner about this, they informed me they can do nothing about how Blogger sequences posts. FeedBurner just grabs the original Blogger feed and reflects what's already there.

The fix lies primarily with Blogger, and involves a code tweak to your template. A quick Google search unearths lots of advice. The article that I found most helpful is this one from Kato Katonian, though I still had to comment out a couple of other lines in my template's header before his solution would work. Essentially, you need to change the feed reference in your blog's metadata to point to http://yourblogname.blogspot.com/feeds/posts/default?orderby=published.

Once I made this change to my template, my native Blogger feed (Atom format) started working correctly, but FeedBurner (the more popular RSS format) still wouldn't pick up the new date sequence. That proved easy to fix, with a quick visit to FeedBurner to update the native feed address. (Click Edit Feed Details and paste the corrected address.)

Other proposed solutions include an inventive gizmo from a Yahoo-owned Web 2.0 feed aggregator named Pipes. This tool lets you bring in any feed and output it in corrected date order, among many other things. It may help with correcting other screwed up Blogger feeds, though using it to fix your own feed would require current subscribers to re-subscribe.

If you have found other fixes, please drop a comment here.

3-Column Template Fix for New Blogger

Update: Widgets version now available! See this post for details.

With apologies for the long wait, I have finally gotten around to investigating why some people were having trouble bringing my 3-column template into the New Blogger's HTML editor. One of the reasons holding me back was my own reluctance to embrace anything new from Blogger, but I finally took the plunge this morning, and so far so good. It's also the first time I have posted in a couple of months due to a heavy workload. Anyway, on to the topic of this post ...

The good news is that there is nothing wrong with the original 3-column Blogger template, found here. The problem was with my instructions (sorry), which were perhaps not specific enough. Some people evidently saved the HTML version of the template displayed when you click the link. That only gives you part of the code (which works fine if you're using Firefox, by the way). If you use IE, however, you need to open the template, view the source code, and then save or copy and paste into your template editor. IE does not display all the code, including the stylesheet and the all-important doctype declaration at the top.

Please be aware that this three-column layout will not work as is with the new Blogger's layout mode which uses something called "widgets." It works fine when pasted into their classic template, but it's generating XML errors in "widget" mode. I am working on a widgets modification, and it should be forthcoming shortly.

Hope this clarifies things, and again, apologies for the long delay in finally getting this information to you. Happy blogging!

IT Security Alert: Now PDFs Pose a Threat!

Update: According to IT security types, certain versions of Internet Explorer are also vulnerable. They include:

• IE6, Adobe Reader 7 on XP SP1
• IE6, Adobe Reader 4 on XP SP2

I just received a very alarming alert from my daughter who works in IT security. According to a couple of posts that she forwarded to me, the long-trusted PDF document format can now be exploited for cross-site scripting purposes, meaning that any web site hosting PDF files can be used for perpetrating cyber attacks.

According to this CBC News article, which cites research from Symantec and VeriSign, virtually any website hosting PDF files is vulnerable to attack. The outcomes could range from covert spying on surfers to the creation and spread of dangerous worms.

The intrusion is accomplished through Javascripted links to PDF documents, which could also be sent by email. They take advantage of a vulnerability in the Acrobat Reader to run malicious code when users attempt to open the linked file. The technique appears, for once, to target Firefox rather than IE.

This article from Symantec describes the exploit in more detail and outlines ways to protect yourself, including upgrading to Acrobat Reader 8.0 or disabling the plug-in entirely. Don't miss it!

Fractal Art: the Hidden Beauty in Numbers

My passion for making fractal art has deepened, to the extent that friends and family are beginning to worry about me. Virtually every evening, around 8:00 p.m. — after spending all day on the computer — I fire up a fractal program, and don't seem to be able to extricate myself til midnight, or later. (At least it's weaned me off the TV!)

I started out with Ultra Fractal, which I have blogged about here before. More recently, I began wading into the murky waters of a freeware program called Apophysis. The two programs are very different, as are the images they generate. You can often tell a UF image by the bold colours and almost psychedelic feel of the work. Images generated in Apophysis tend to be softer and more delicate, somehow — generally a little more subtle. The image at the top of this post was done with Ultra Fractal. The one to the left of this paragraph is an Apo fractal. Both programs are capable of creating mind-boggling works of art that explore unseen dimensions and seem to probe infinity itself.

I have recently been experimenting with Ultra Fractal's transformations — special effects you can apply to a fractal. One of these allows you to create a kaleidoscopic effect, as in the example at the right of this paragraph. Other transformations include the mirror ball and shimmering lake effects you see in the first image in this post.

Another recent discovery was a technique for outputting fractals as transparent PNGs. Removing the default black background opens up all kinds of creative possibilities. You can place the fractal on a background image, for example, as David Annal does at his site, ApophyStash. I use this method so I can create multiple versions of a fractal, with different background colours. To do this, just output your Apo fractal as a PNG. Then open it in PhotoShop. Add a new layer and drag it down below the fractal layer. Then choose a colour and fill the new layer with the paint bucket or gradient tool. The fractal will appear to float over the background.

Creating fractal art is definitely a trial and error process, and incredibly time-consuming. I don't want to use the word "addictive," but I'm beginning to feel like I'm in the throes of a very strong compulsion.

Where to Download Software

There are many fractal programs. Here are a few of the most popular:

• Ultra Fractal ($59 and worth every penny)
• Apophysis (freeware)
• Tierazon (freeware)
• Fractal Explorer (freeware)

If you try these out, let me know which you prefer and why. And welcome to the abyss!

Photo Duck Funnies Right On

Saw a link yesterday in the Shutterstock discussion forums to a clever online comic strip about the trials and tribulations of daring to earn a living as a photographer. What the Duck is shutterbug Aaron Johnson's wry take on all things photographic. Johnson lets his readers name each strip through his blog's comments feature, and just reading the comments on some of the strips can be pretty entertaining. Check it out. Some of the strips are hilarious.

Transparent PNG Generator

A while back, I blogged about CSS transparency techniques, describing two methods for incorporating transparent elements into your design. You can also introduce transparency by using PNG format images. Unlike GIF images, which are either "on" or "off" in terms of opacity, PNG images support full alpha transparency. This means each pixel can display a subtle range of tones from 0 to 255.

There are many ways to create transparent PNG images. If all you need is a plain transparent block to use as a background, check out Stian Grytøyr's handy transparent PNG generator. This useful tool allows you to select a colour by clicking on a color wheel. The tool creates a set of samples ranging from 0% to 100% transparency, in three versions of the selected colour (web-safe, "web-smart," and unsafe).

Lighten or darken the sample by clicking on the saturation/lightness patch to the right of the colour wheel. When you have the desired shade, click through on one of the percentage samples to see it used with some demo text against a busy background. From here, you can adjust the image dimensions, transparency, and colour. Right-click on the final rendered sample to save the image to your hard drive.

Note: The PNG graphical format enjoys strong support among compliant browsers such as Firefox, Opera, Safari and IE version 7. If, however, you view Grytøyr's page in IE 6 or lower, you will not see the transparency effect, as earlier versions of IE do not support full alpha transparency. For details, and a workaround, see A List Apart's article, Cross-Browser Variable Opacity with PNG: A Real Solution.

Output Your Designs on Merchandise

I mentioned a while ago that I was trying out some microstock photography sites as a sales venue for my fractal art images. I have been looking for novel ways to give these images as gifts, especially with the holiday season coming up. My Canon i9900 colour inkjet printer does a surprisingly good job of printing my fractals for use as greeting cards or as framed prints, but I've been looking for something a little more out of the ordinary. A couple weeks ago, I found the solution.

CafePress.com allows you to upload your own designs for output on a wide variety of merchandise. From sheatshirts, caps, and t-shirts to mugs, mousepads, buttons, and more, there is no upfront cost to customize an item whether for your own use, as a gift, or to sell. This solution is ideal for artists, designers, or photographers who want to showcase their work or supplement their income. And it's a useful low-cost alternative for small organizations that don't have huge budgets for logowear.

The site allows you to set up a free online store and set your own pricing over a baseline figure that they establish. They print your designs on demand and handle order fulfillment, payment processing, shipping, and customer service. The free shop service does place limitations on the number of products you can customize (basically one of each item), but for only $6.95 per month (less for longer terms), you can upgrade to their premium shop option, which imposes no such limitations. I'm trying out the premium shop service for three months, with a store that I have called Fractalicious. If you like any of my designs, I'd be grateful for your support.

Even if you don't have a creative bone in your body, you may still want to check out some of the other shops at CafePress. From politics to the environment, from pets to popular culture, you're likely to find something among their extenstive inventory for even the most hard to please person on your list.

Disabling the Blogger Navbar

Here's a great tip from reader Matt Mc. Matt commented in response to a post about customizing your Blogger template that he finds Blogger's default navbar annoying. Blogger doesn't let you disable this feature but Matt shared a short snipped of CSS that you can add to your template to suppress it.

I tested it out and it works great, though I have re-enabled it on this blog, as I don't mind the navbar and its search feature could be useful to you. (For readers new to blogging, the navbar is the black horizontal bar at the top of this blog, just above the header graphic. It offers some useful functionality and is intended, in theory at least, to deliver traffic to your blog from other Blogspot blogs.)

Turning Off the Navbar

Here's how to disable the Blogger navbar:

1. Open your template and locate the style section at the top, just under the <$BlogMetaData$> tag.
2. Find a space between two other styles, and type the following code:
   #b-navbar {
   height:0px;
   visibility:hidden;
   display:none
   }
3. Save your changes and view your blog. The navbar should be gone.

Once again, the elegant simplicity of CSS saves the day. Technically, this combination of style declarations doesn't really turn off the navbar; it just hides it from view.

Note: there is some question as to whether disabling the navbar violates Blogger's terms of service, though I could find nothing specific on their site relating to this.

Taking Your Password to the Grave

My daughter works in IT security, and every now and then she forwards me an interesting link on some security-related topic. Most go right over my head — they abound in techspeak or are outside my realm of interest or expertise. A recent article she sent me, though, certainly got my attention. In Taking Passwords to the Grave, News.com's staff writer Elinor Mills probes the implications of failing to ensure that your loved ones have access to online passwords and other important digital identifying information.

When people fail to leave such information behind, family members are increasingly unable to access important data and, in some cases, to attend to estate business. Even notifying a loved one's email contacts can become problematic, since e-mail providers and other companies may be reluctant to give out such information, for privacy reasons. Mills recommends avoiding this problem by ensuring that passwords to e-mail, photo sharing, music sites and other online accounts are recorded safely somewhere, preferably in an estate planning document.

She cites the case of William Talcott, a prominent Irish/American poet, whose estate was paralyzed after he died because his daughter could not access his email account or online address book.

I had certainly never thought about this! Like many people, I derive income from the Web and do my banking and investing online. I have numerous passwords stored in my head (scary thought!), along with multiple email logins. Ditto with access to all the various sites where I shop, download software, upload images for sale, register web domains, post blog entries, and on and on. There are dozens of them, and I have not recorded this information anywhere. If I passed away tomorrow, my daughter would have her hands full sorting out my online life. She'd have to close accounts, cancel domains, cash in accrued revenue, pay outstanding fees, and on and on. Then there are decisions about intellectual property, such as all the photos and fractals I have uploaded to Flickr and elsewhere. Just thinking about it makes me tired.

This sobering article is worth a look, calling attention to a little loose end that many of us hadn't thought about.

Searching When You Don't Know What You're Looking For

Searching the Net is not unlike detective work. More often than not, I find myself following a convoluted trail of clues, with success often requiring not so much ingenuity as sheer dogged determination.

A few days ago, for example, I needed to reference a style of art for something I was working on. I could envision several images that I thought typified it. Art from the Soviet era. Larger than life portraits glorifying salt-of-the-earth peasants and stoic workers toiling toward a common good. Scenes from a silent movie: a huge factory wall, cogs and gears conveying the mechanistic, soulless nature of industrialization. But do you think I could remember the name of this evocative art style, or the famous movie in question?

Where to start? I headed for Wikipedia, and typed in art style glorifying russian revolution, and got zero results. Way too specific for Wikipedia (which is an encyclopedia). I headed to Google, and retried the search, changing my query to art style glorifying workers OR labour OR toil. Bingo! That was easy. The very first link was to a Wikipedia article about Socialist Realism. The article was comprehensive, with lots of images, including some great examples of this heavily stylized communist art form. I was part-way home, but still had found nothing about movies.

Back to Google. This time, I tried cinema workers OR toil OR factories OR industrialization. Nothing promising. Changed it to movies workers OR toil OR factories OR industrialization. Jackpot. The fourth hit down referenced Fritz Lang's famous silent movie, Metropolis (1927) the name that had eluded me.

Wikipedia again. This time, I typed in Metropolis. Nope. That's just about big cities. Then, I noticed a link labelled for other uses, see Metropolis (disambiguation). I clicked through to a list of other Wikipedia entries for this word. Part way down the page was a link to a detailed page of information about the film. Getting warmer. I had my movie, but was it socialist realism?

Turns out I had it totally wrong. On reviewing the Metropolis wiki entry, I learned that the film's focus on massive architecture, mood, and symbolism was a nod to German Expressionism. The Soviet-era Socialist Realism style of art and the brooding futuristic cinematic treatment in Metropolis are poles apart. And, once again, the Web set me straight.

Google Strategies for Finding the Unknown

The Google queries shown above worked because of the boolean OR operator. This operator allows you to instruct Google (or any search engine that supports boolean language) to return documents that match any one or more of the words typed. Without it, Google defaults to a logical "AND" condition, returning pages that contain all the words typed (likely too narrow a result in this case). Here's more on how to use this operator, along with some other strategies to try the next time you find yourself wondering what to search on.

• Use Google, as I did here, for highly specific searches or for queries that contain lots of words. Start by brainstorming a list of words that describe the topic you are researching. Use boolean ORs to string together your list of words. ORs widen the search results and can be useful when you're not sure what you're looking for. Just type all the relevant words you can think of, separated by ORs. Be sure to type the word OR in upper case, with a space on either side.
• Once you've identified your research concept (as in my socialist realism example), give Wikipedia a try rather than wading through Google results looking for definitive information sources. (Keep an eye out for Wikipedia entries in Google's results lists. They often appear at or near the top.)
• In Google, save time with multiple sets of ORs in one query, such as cinema OR movies OR film workers OR toil OR factories OR industrialization. Think carefully about where you place the ORs. If there is no OR between two words, assume there is an implicit "AND," as between the words "film" and "workers" above. (Google does not recognize the AND operator because, in effect, there's already an AND there.)
• As you start to refine your search, combine words and phrases as needed. The query "german expressionism" cinema OR movies OR film workers OR toil OR factories OR industrialization, for example, produces a highly targeted results set. Use double quotation marks to signify a phrase.
• Don't hesitate to link multiple phrases with ORs, as in "socialist realism" OR "german expressionism" cinema OR movies OR film workers OR toil OR factories OR industrialization.
• Bear in mind that Google has a 32 word limit.
• Use parentheses, if you like, to group terms, as in ("socialist realism" OR "german expressionism") (cinema OR movies OR film) (workers OR toil OR factories OR industrialization). Google ignores them, but it can make it easier for you to understand.
• Try Google's whole word wildcard. Another useful strategy when you don't know exactly what you're looking for, this special character — discussed here earlier — lets you try a "fill in the blank" approach.

That's it for now. Hope you found these musings useful. As for me, I'm heading over to eBay to pick up a copy of Metropolis.

Blogger Categories Redux

Stumbled across yet another way to compensate for Blogger's annoying lack of categories functionality. This topic has been well covered here in the past, but in the interests of thoroughness, check out David Nicholson's Blogger categories hack. Me, I'm happy with my Labelr solution.

Major Victory for Canadian Freelance Writers

Yesterday was a pretty exciting day for freelance writers in Canada. The long-awaited Supreme Court decision in the landmark Heather Robertson vs. Thomson Corp. dispute finally came down — in writers' favour. It's been a long time coming. Canadian freelancers have been waiting ten years since Robertson first launched her $100 million class action lawsuit on behalf of an estimated 10,000 Canadian freelance writers against Thomson newspapers for copyright infringement.

Financed out of her own pocket, and helped by donations from writers, Robertson took Thomson to task over the unauthorized duplication of two articles she wrote for the Globe & Mail. These were reproduced in various online databases and CD-ROMs, along with the work of thousands of other writers (including yours truly), without her knowledge or consent.

The issue of electronic rights has been a contentious one that has profoundly impacted the livelihood of freelance writers. The heart of the conflict has been whether freelance material is covered by Canadian copyright as individual works, and thus owned by the writer or — as publishers claim — as part of a collective work owned by the publication.

Canadian writers have watched developments in the US (such as Tasini vs. the New York Times) with interest, waiting on tenterhooks as this case worked its way through seemingly infinite appeals. Debate in all of these battles has tended to center on whether online databases merely constitute a form of archiving, as publishers argue, or whether they represent a new distribution medium. These articles are re-sold on a subscription or pay-per-download basis, and creators argue that they should have the right to share in profits generated from subsequent uses of their work.

Yesterday, the Supreme Court announced its ruling, in a split decision in favour of writers (except on the CD-ROM issue, which they ruled was a different matter). For more information, see the PWAC web site.

Microstocks Shake Up the Stock Photography Market

For some time now, I have been selling photos and artwork online through a new brand of stock photography site that is shaking up this highly traditional marketplace.

At sites like Corbis and Getty — which have long dominated the industry — professional photographers sell their work for payments ranging into the hundreds of dollars per image.
Now, an emerging army of micropayment stock photography sites is creating serious competition for the traditionals. Still a relatively new phenomenon, the microstocks allow people to buy images on a subscription or pay per download basis, for as little as 25¢ each. You make up the difference on volume, at least in theory.

There are dozens of microstocks, with new players emerging every day. I have been experimenting with some of them for several months now. Here's what I've found:

• DreamsTime: Sales are sluggish, though this site pays the best of the few I have played with, at up to $10 per image. Purchase available on a subscription or pay per download basis. Slow approval response time (5-10 days). Moderate rejection rate (18%), for sometimes arbitrary reasons. They have rejected two images that are best sellers on other sites.
• Shutterstock: This site is my favourite, hands-down, even though they only pay 25 cents per download. Due to the volume of downloads, however, I have earned almost ten times the income generated by the other micros I use. For some reason I cannot fathom, my images sell like hotcakes here. SS turns around approvals speedily and, so far, I have enjoyed a 100% acceptance rate! The one time they rejected an image, it was accepted after I fixed the problem and resubmitted. Shutterstock works on a subscription basis only, which may be the key to their success.
• Fotolia: A new player, originating in France, this site caters to Europe and North America. Pricing ranges from $1 to $3. Approvals are fairly quick and rejections minimal (5%) though, like DreamsTime, they sometimes reject images for seemingly arbitrary reasons. Sales through this site, which are on a pay per download basis, have been slow.
• iStockPhoto: The grand-daddy of them all, this site is also the most picky and demanding in my experience. In fact, I gave up shortly after submitting my first batch of images. iStock rejected every single image, either as not suitable for their audience or due to defects that the other micros didn't see. iStock pricing ranges from $1 to $5, on a per download basis.
• 123RoyaltyFree: 100% acceptance rate, but abyssmal response time and only one sale so far. It takes weeks for uploaded images to be reviewed and OK'd at this site. I have stopped uploading, but maybe it will work for you. 123RF is well spoken of in some of the microstock discussion groups. Pricing works on a subscription or pay per download basis, the latter at $1.20 per image.

Though many professional photographers deplore the microstocks, debate in some of the online microstock discussion groups tends to suggest that some pros are experimenting with this new marketplace. More than a few people predict that the new market economics — why pay hundreds of dollars when you can get just as good an image for $1.00? — will spell the end of the traditionals. I wouldn't be surprised to see the big players launch their own microstock brands within the year.

For me personally, the microstocks have not been a fast track to wealth and fame, but they have generated a nice little income supplement. Be warned, though: you need a fairly high volume of images accepted to see any real return. Keywording is tedious, but vitally important. Get a good FTP utility, and save time by storing descriptions and keywords within images (look for tools that support EXIF/IPTC data retrieval); these fields will then populate automatically when you upload.

For a good introduction to microstock photography sites, see Stephen Finn's excellent guide. For more microstock and traditional stock photography resources, see the WebLens image search page.

100 Posts and Counting

With publication of the previous article, Random Bytes reached the 100 post milestone — a feat that seemed inconceivable when I started this blog. It's hard to believe I've had that much to say. When I started blogging, I worried about finding things to write about. Today, the primary challenge lies in managing my favourites, which are bulging with links to sites and topics I hope to cover in this space. That, and finding time to post. Oh well. Onwards and upwards :-)

Blog Stolen Again!

Well, I guess imitiation is supposed to be the sincerest form of flattery. But I must confess that, this time, the main emotion I felt on seeing yet another unauthorized copy of this blog floating around the Internet was extreme irritation. At least, now I knew how to proceed.

A few months back, I posted about the shock of learning someone had cloned my blog, and the subsquent struggle to get the illicit copy taken down. This time around, I knew exactly what to do. The offending copy appeared at http://www.pkblogs.com/weblensblogs and at http://www.inblogs.net/weblensblogs. A quick WHOIS check revealed that these sites are hosted by DreamHost.com.

I fired off an email to DreamHost's abuse reporting address, citing the infraction and the name and contact information of the offender (all of which is usually available through a WHOIS query).

A big thumbs-up to DreamHost! Unlike Blogger, they were fast to respond and very co-operative, advising me that — once again — I needed to file a formal complaint under the Digital Millennium Copyright Act. But before I even got that far, I heard back from DreamHost: they had contacted their customer to warn that a complaint was coming. That was all it took. The offending copies were gone in less than 24 hours.

25 Worst Tech Products of All Time

Just sent to me this morning by my daughter, this link is worth sharing here. InterGovWorld's recent article, The 25 Worst Tech Products of All Time, makes for an interesting read, and will no doubt bring back some cringe-inducing memories for those of you who have been around high-tech for a while. The short-lived IBM PCJr. Iomega zip drives. Real Player. AOL (remember all those "free" CDs?) A wearable DVD player (I kid you not). PointCast's push technology (replaced, interestingly enough, by today's Web 2.0 RSS feed technology). And so much more.

Check it out.

Horizontal Suckerfish and More CSS Menu Resources

I blogged back in June about my efforts to enhance WebLens with CSS-based dropdown menus that were standards compliant and which work across all browsers, including the persnickety Internet Explorer. In a post on creating dropdowns that work in IE, I summarized the three approaches I had found. I chose the very popular Suckerfish solution for WebLens, and it has been a great success.

In building the menu system recently for a site about a popular Canadian television personality, I wanted to modify the Suckerfish code to display the sub-menus horizontally in a row instead of stacked one below another as seen on WebLens. Google queries on this didn't lead to much, except a few help requests posted to webmaster forums, so I puzzled it out myself.

You can see the result of this tweak at the site mentioned above, and the code is available here for your use, should you want to play with it. I'm pretty happy with it; the only failing has been my inability to figure out how to align the sub-menus with the left edge of the top menu containing DIV, instead of the individual list items. No amount of fiddling around with positioning seemed to solve this.

In trying to troubleshoot this challenge, I never did find a fix, but I came across more helpful CSS menu resources, including some great articles:

• aListApart: Hybrid CSS Dropdowns
• aListApart: Sliding Doors of CSS
• Vitaly Friedman's round-up of 37 CSS Navigation Techniques
• Stu Nicholls' Validating Flyout Menu

Had I seen the ListApart Hybrid CSS Dropdowns article earlier, I might have chosen that technique instead of struggling to modify the Suckerfish code myself. Oh well. Live and learn :-)

I can't wrap this up without mention of a couple of CSS and/or DHTML menu generators (free and/or for fee) for those not inclined to hand code. Check these out:

• Colly's CSS Rollover Generator
• Webmaster Toolkit's CSS Menu Generator
• ProjectSeven's Pop Menu Magic
• Brothercake's Ultimate DHTML Dropdown Menu

Hope you find these resources useful. Enjoy!

Making Old Blog Posts Findable

One of the challenges of creating a blog that's useful to readers is the default date order of content. Unlike a traditional web site, which is structured thematically by subject, blog articles are posted in chronological order. Once they pass off the index page, posts are grouped in monthly archives where they are also listed chronologically. This presents a big challenge in getting older posts found, especially in Blogger which (unlike Wordpress and some others) doesn't offer a way to categorize posts.

There are, of course, blog search tools like Technorati and others, but I find that the vast majority of my blog traffic still comes from Google, which you might reasonably expect to ferret out old posts based on the user's keyword choices. Unfortunately, however, Google doesn't seem to crawl blogs as deeply as it does traditional web sites (perhaps because of the date structure combined with the abundance of outgoing links on many blog index pages).

I have found that Google indexes posts in a hit or miss fashion. When users search on a topic that has expired, if Google has not captured that specific post, it is likely to direct people to your index page, where the article lived at the time that Google crawled the page.

Determined and/or lucky users may find the post in Google's cache, on an archive page, or through a link from another post. My stats have shown, however, that the majority of people landed on my index page, gave it a quick scan, and headed promptly for greener pastures, never finding what they were searching for.

Fortunately, there is a simple solution: after publishing each new post, take a second to submit the post's permalink directly to Google's Add URL page. I have been doing this for months now, and have seen a massive change in my stats. Fewer users are landing on the index page; the vast majority of people are going directly to the relevant post. Random Bytes is getting read, and people are finding what they need. (Note: for this to work, you need to ensure that you have enabled individual post pages in your blogging software's dashboard.)

Just in case you're wondering, while Google's Add URL page discourages this practice, nowhere does it state that submitting multiple pages from the same site is a policy violation.

And of course, remember that links from other blogs and web sites are still among the most important ways to get found and indexed by Google.

Hope this helps.