Google Webmaster Tools Gadget URLs

April 16th, 2009

After some digging, I found the URLs to Google’s Webmaster Tools Gadgets:


http://www.google.com/webmasters/tools/igoogle/xml/crawlerrors.xml
http://www.google.com/webmasters/tools/igoogle/xml/contentanalysis.xml
http://www.google.com/webmasters/tools/igoogle/xml/topsearchqueries.xml
http://www.google.com/webmasters/tools/igoogle/xml/subscriber.xml
http://www.google.com/webmasters/tools/igoogle/xml/anchortext.xml
http://www.google.com/webmasters/tools/igoogle/xml/externallinks.xml
http://www.google.com/webmasters/tools/igoogle/xml/internallinks.xml
http://www.google.com/webmasters/tools/igoogle/xml/sitelinks.xml

If you are trying to add Webmaster Tools Gadgets to a Google Sites page, you won’t be able to unless you add it by URL like so:

byurl

Fringe Season 1 on Hulu

February 25th, 2009

I’m a big fan of Fringe on Fox. It is a solid sci-fi crime/thriller reminiscent of X-Files. Here are some cool Fringe links:

Official Fringe website on Fox
Fringe season 1 on Hulu
Roberto Orci (co-creator, writer and executive producer) can be found on Twitter

My Kindle 2 Ships!

February 23rd, 2009

kindle2

I will post unbox photos later in the week.

How To Get Facebook Comments Widget on Wordpress

February 21st, 2009

After many posts on Facebook’s developer forum I was finally able to get Facebook’s new Connect Comments Box Widget working under Wordpress 2.7.1.

To add the Comments Box to your site, follow these instructions:

Step 1 – Set up a basic Connect application

If you don’t have a basic Facebook Connect application, you should set one up now. When you do, be sure to note the API key and specify a callback URL to your website (you will use the API key in a second).

Step 2 – Get Facebook’s cross-domain file

Download Facebook’s cross-domain receiver file, and upload it to your website’s root folder. This should be your Wordpress root and not your theme’s root.

Step 3 – Edit the files

Now go to your theme’s directory (<path to wordpress install>/wp-content/themes/<yourtheme>) and edit the following files:

header.php

Within the <html> tag, add:


xmlns:fb="http://www.facebook.com/2008/fbml"

For example, my <html></html> tag looks like this:


<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:fb="http://www.facebook.com/2008/fbml“>

comments.php (or any other file you want your Facebook Comments Box Widget to appear):

Next, open the file where you want your Facebook Connect Comments Box to go and drop in this code:


<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script><
fb:comments></fb:comments>
<script type="text/javascript">
FB.init("YOUR_API_KEY_HERE“,"<?php bloginfo('url');?>/xd_receiver.htm");</script>

Mine looks like this:


<?php if ('open' == $post->comment_status):?>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
fb:comments></fb:comments>
<script type="text/javascript">
FB.init("MY_API_KEY_HERE", “<?php bloginfo('url'); ?>/xd_receiver.htm");
</script>
<a name="fbcomment">
<?php endif; ?>

You may have noticed that mine is slightly different that the one above it:

  • I put mine in between an if statement that checks to make sure comments are enabled for the post.
  • I also added an anchor name below the comments box so that I can link to the comments section from my index page.

Both of these are optional.

Step 4 – Give it a run

That should work – load up your page and give it a refresh. If you run into trouble, check the official documentation here and here, but be aware that it is not Wordpress specific, whereas the stuff above is. Also, if you are looking to customize your Facebook Comments Box Widget CSS or want to control some of the output, take a look at the Facebook Developer Wiki article.

Build Your Own Pair of Chuck Taylors

February 20th, 2009

I came across http://www.converse.com’s shoe builder tonight. Although it is a blatant rip-off of NikeID, I still think it is pretty cool. I built a pair of Chuck Taylors to honor the Dukes of Hazzard’s General Lee – heh:

thegeneral-1

This top view makes you want to go sliding across the toe-hood right?

thegeneral-2

Side view – you can almost smell the rubber burning…

thegeneral-3

No pair of shoes would be worthy of the General Lee’s proud name if they didn’t have the General’s 01 displayed proudly on the heel:

thegeneral-4

Sure, but what’s Cooter’s take on all this nonsense?

cooter2

Yeah, Cooter looks a little orange – but let’s not get hung up on it OK?

Y’all come back now, ya here?

Valentines Day Massacre

February 16th, 2009

I took this picture on Valentine’s day as my girlfriend and I passed one of those arts and crafts places. All these guys were in there with their girlfriends painting clay pottery. We stood in the window for a few minutes to take it all in…

page_1

iDisk

February 14th, 2009

I just set up iDisk so that I can mount to a password protected drop box. I spend a fair amount of time transferring files to and from my work PC so hopefully this will help streamline my workflow a bit more.

idiskgenericicon

My QUAKE LIVE Beta Invite Experience

January 28th, 2009

Owning a Mac can be frustrating at times. For example – I got this e-mail in my inbox today:

quake-live-1

Which I got super excited about. I quickly created an account on beta.quakelive.com and was greeted with the beta test homepage:

quake-live-2

The next step was to create my Quake Live gamer account so I clicked on the create account link and got this:

quake-live-3

BUMMER. Worst part: I can’t even give my account to anyone without violating the Terms of Use. DAMN.

How To Make Firefox Send Mail Using Gmail

January 24th, 2009

With the introduction of Firefox 3.0 a new feature was added that allows you to set Gmail as your default mailing application inside of Firefox. Any in-browser mailto links that are clicked will now open up a new message window inside of Gmail – the To: field will be defaulted to whatever e-mail address is specified in the “mailto:” link.

Here’s how:

  1. Go to Firefox > Preferences
  2. Click on Applications button
  3. Under the Content Type column, scroll down until you see mailto
  4. Under the Action column, select Use Gmail from the drop down menu

Screenshot:

Set Firefox to use Gmail

Blog Redesign – Overview

January 24th, 2009

Here is an overview of the upcoming blog redesign I’m working on for www.chadalderson.com. The current design that is here now is just something I’ve put up temporarily until I’ve completed all the stuff outlined below. Wireframes are in flight and will be posted as I complete them.

Here is a walk-through of each section:

Global elements
These will be information blocks and design elements that are consistent within the UI. They consist of:

  • Header – will hold the main navigation
  • Footer – will hold misc navigation stuff and contact info block
  • Contact info block – will contain my contact info

Side-bar elements

  • This will be a side-bar module that may be contained in the sidebar. It will contain:
  • Contact info block, expanded – it will have a headshot and some other goodies.

6 main sections of the site

Home

  • A quick overview of my skill-set with a link to My resume
  • A highlighted project – with a link to Projects
  • Links to twitter and LinkedIn accounts and possibly other social networks with a link to Lifestream
  • A condensed list of my most recent blog posts and a link to Blog
  • A short flickr photoset block with link to Photography

My resume

  • My resume (optimized for search engines)
  • Downloadable versions
  • Contact info block (see global elements)

Projects

  • Project list page (condensed list of projects I’ve worked on)
  • Project detail page (a case study page providing a narrative and supporting screenshots & video that illustrates the work)
  • Contact info block (see global elements)

Photography
This is my hobby so I want a way to showcase some of my favorite photos that I’ve taken. It will be a very simple section containing:

  • A Flickr photo block
  • A lightbox2 modal popup window to view a larger photo
  • An info block containing a list of photography gear that I currently own

Lifestream – this is my “social thumbprint” on the web. It will contain:

  • My twitter stream
  • LinkedIn profile
  • xBox Live gamer’s tag
  • NetFlix movie queue
  • Facebook link
  • Contact info block (see global elements)

Blog

  • A posts page (listing most recent 10 posts)
  • A post detail page – will contain a comment box at the bottom of the post
  • Messages that I’ve (the author) adds to any comment thread will be styled differently than the guest author’s (people commenting on the post)
  • An archive page