I was surfing around awhile today, and came across David Chou’s blog. He has some widgets on his blog that I thought were interesting, including a Live Messenger window that lets you ping him if he’s online. That caught my attention, but what I thought was even cooler was a drop-down list that allows the reader to instantly translate the page. How cool is that? I had to figure out how to do that. Took all of 10 minutes to pimp my blog out.
Adding the Windows Live Messenger IM Control
This is about as straightforward as it gets. Just follow the easy directions here:
Open your Web browser, and navigate to: http://settings.messenger.live.com/applications/WebSettings.aspx.
Select the Allow websites to see your Messenger status and send you messages check box and click Save. This will let other users see your Messenger status and send you messages.
Under Web Settings, click Create HTML.
Select the format for the control (IM window, Button, or Status icon), the size for the control, and the color scheme to use.
At the bottom of the page, HTML code is generated. Copy the HTML and paste it into your Web page.
When you click on the Messenger window to try to send me a message, you will be prompted to log onto Live to send me a message. So, if you are reading my blog on the web and have a question, just go to the right side of the blog and start typing in the Messenger window. If I’m logged on, I’ll get the message!
Adding Windows Live Search
You can find more information about this API at http://search.live.com/siteowner. To get started, I simply copied the HTML from David’s page
Adding the Windows Live Translator
This is the other one that I just copied from David’s blog. Very simple, really. However, I think this is the coolest thing to add to a blog. Well, being able to instant message the author of a blog to ask a question could be pretty useful, I guess, but the idea of instant translation with the click of a button the page is so self-evident that it screams cool.
src="http://translator.live.com/TranslatePageLink.aspx?pl=en"></script> <br> </div></div>