Recently, Windows Live team at Microsoft has released a light-weight, web page control for Windows Live messenger. Once plugged into your website's page, visitor's can spot if you're online and no matter they have a LiveID or not, they can start a live chat session if you're online in your Windows Live messenger at your local desk or workstation. Like, I've put the control/gadget in my blog post, you can also have one in your blog or website. Yes, it is a real good alternate for your Live Chat Solution, quite amazing, right !!!
My Windows Live IM Gadget code.
1: <iframe src="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=24f226172ef6427d@apps.messenger.live.com&mkt=en-US&useTheme=true&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C" width="300" height="300" style="border: solid 1px black; width: 300px; height: 300px;" frameborder="0"></iframe>
My Windows Live IM Button Gadget code.
1: <script type="text/javascript" src="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"></script> 1:
2: <div
3: id="Microsoft_Live_Messenger_PresenceButton_24f226172ef6427d"
4: msgr:width="100"
5: msgr:backColor="#92D6AE"
6: msgr:altBackColor="#FFFFFF"
7: msgr:foreColor="#424542"
8: msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=24f226172ef6427d@apps.messenger.live.com&mkt=en-US&useTheme=true&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C"></div>
9: <script type="text/javascript" src="http://messenger.services.live.com/users/24f226172ef6427d@apps.messenger.live.com/presence?mkt=en-US&cb=Microsoft_Live_Messenger_PresenceButton_onPresence">
</script>
Now, This is how you do it in your web-site or blog..
You can visit this link and get the snippet which you shall put in desired part of your web page. Apart from the IM Control, you've got options for putting IM button or IM status Icon. You can find my IM button in Left-bar area.
http://settings.messenger.live.com/Applications/CreateHtml.aspx
The next thing, is to authorize your messenger status to be displayed on web pages. This is as simple as it gets. You can do so on this link.
http://settings.messenger.live.com/Applications/WebSettings.aspx
That's it, Now you can run/view this page in your web browser. Surprised!
Note that, You'll end up having a dumb and non-working messenger gadget in your web page if you've not done the authorization.
This gadget has been built upon using Script# framework from Nikhil Kothari from Microsoft. You can visit the project page here. Script# is a C# based development platform which when compiled generates JavaScript code instead of IL. Sounds cool, right? Well, it's more than that. You can visit the project page and get started with Script#.
Cheers!
