<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ruchit Surati&#039;s blog &#187; windows-live</title>
	<atom:link href="http://www.ruchitsurati.net/index.php/tag/windows-live/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ruchitsurati.net</link>
	<description>thoughts and ideas of a .net developer</description>
	<lastBuildDate>Wed, 23 Feb 2011 19:48:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Windows Live messenger, Straight in your Blog &#8211; A smart and Free Live-Chat solution.</title>
		<link>http://www.ruchitsurati.net/index.php/2008/01/25/windows-live-messenger-straight-in-your-blog-a-smart-and-free-live-chat-solution/</link>
		<comments>http://www.ruchitsurati.net/index.php/2008/01/25/windows-live-messenger-straight-in-your-blog-a-smart-and-free-live-chat-solution/#comments</comments>
		<pubDate>Fri, 25 Jan 2008 18:57:19 +0000</pubDate>
		<dc:creator>Ruchit</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[windows-live]]></category>

		<guid isPermaLink="false">http://www.ruchitsurati.net/post.aspx?id=47c8293d-13b3-47b8-b962-fe4ce26a8314</guid>
		<description><![CDATA[Recently, Windows Live team at Microsoft has released a light-weight, web page control for Windows Live messenger. Once plugged into your website&#8217;s page, visitor&#8217;s can spot if you&#8217;re online and no matter they have a LiveID or not, they can start a live chat session if you&#8217;re online in your Windows Live messenger at your [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, Windows Live team at Microsoft has released a light-weight, web page control for Windows Live messenger. Once plugged into your website&#8217;s page, visitor&#8217;s can spot if you&#8217;re online and no matter they have a LiveID or not, they can start a live chat session if you&#8217;re online in your Windows Live messenger at your local desk or workstation. Like, I&#8217;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 !!!</p>
<p align="center">
<p><iframe style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; width: 300px; border-bottom: black 1px solid; height: 300px" src="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=24f226172ef6427d@apps.messenger.live.com&amp;mkt=en-US&amp;useTheme=true&amp;foreColor=333333&amp;backColor=DCF2E5&amp;linkColor=333333&amp;borderColor=8ED4AB&amp;buttonForeColor=2C0034&amp;buttonBackColor=CFE9D9&amp;buttonBorderColor=8ED4AB&amp;buttonDisabledColor=CFE9D9&amp;headerForeColor=006629&amp;headerBackColor=92D6AE&amp;menuForeColor=006629&amp;menuBackColor=FFFFFF&amp;chatForeColor=333333&amp;chatBackColor=F4FBF7&amp;chatDisabledColor=F6F6F6&amp;chatErrorColor=760502&amp;chatLabelColor=6E6C6C" frameborder="0" width="300" height="300"></iframe></p>
<p align="center">&nbsp;</p>
<p align="left">My Windows Live IM Gadget code.</p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.4%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, 'Courier New', courier, monospace; height: 51px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">iframe</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=24f226172ef6427d@apps.messenger.live.com&amp;mkt=en-US&amp;useTheme=true&amp;foreColor=333333&amp;backColor=DCF2E5&amp;linkColor=333333&amp;borderColor=8ED4AB&amp;buttonForeColor=2C0034&amp;buttonBackColor=CFE9D9&amp;buttonBorderColor=8ED4AB&amp;buttonDisabledColor=CFE9D9&amp;headerForeColor=006629&amp;headerBackColor=92D6AE&amp;menuForeColor=006629&amp;menuBackColor=FFFFFF&amp;chatForeColor=333333&amp;chatBackColor=F4FBF7&amp;chatDisabledColor=F6F6F6&amp;chatErrorColor=760502&amp;chatLabelColor=6E6C6C"</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">="300"</span> <span style="color: #ff0000">height</span><span style="color: #0000ff">="300"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="border: solid 1px black; width: 300px; height: 300px;"</span> <span style="color: #ff0000">frameborder</span><span style="color: #0000ff">="0"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">iframe</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p align="left">My Windows Live IM Button Gadget code.</p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, 'Courier New', courier, monospace; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">script</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span> <span style="color: #ff0000">src</span><span style="color: #0000ff">="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span>&nbsp; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> &lt;div</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span>   id=<span style="color: #006080">"Microsoft_Live_Messenger_PresenceButton_24f226172ef6427d"</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span>   msgr:width=<span style="color: #006080">"100"</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   5:</span>   msgr:backColor=<span style="color: #006080">"#92D6AE"</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   6:</span>   msgr:altBackColor=<span style="color: #006080">"#FFFFFF"</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   7:</span>   msgr:foreColor=<span style="color: #006080">"#424542"</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   8:</span>   msgr:conversationUrl=<span style="color: #006080">"http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=24f226172ef6427d@apps.messenger.live.com&amp;mkt=en-US&amp;useTheme=true&amp;foreColor=333333&amp;backColor=DCF2E5&amp;linkColor=333333&amp;borderColor=8ED4AB&amp;buttonForeColor=2C0034&amp;buttonBackColor=CFE9D9&amp;buttonBorderColor=8ED4AB&amp;buttonDisabledColor=CFE9D9&amp;headerForeColor=006629&amp;headerBackColor=92D6AE&amp;menuForeColor=006629&amp;menuBackColor=FFFFFF&amp;chatForeColor=333333&amp;chatBackColor=F4FBF7&amp;chatDisabledColor=F6F6F6&amp;chatErrorColor=760502&amp;chatLabelColor=6E6C6C"</span>&gt;&lt;/div&gt;</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, 'Courier New', courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   9:</span> &lt;script type=<span style="color: #006080">"text/javascript"</span> src=<span style="color: #006080">"http://messenger.services.live.com/users/24f226172ef6427d@apps.messenger.live.com/presence?mkt=en-US&amp;cb=Microsoft_Live_Messenger_PresenceButton_onPresence"</span>&gt;</pre>
<p><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p align="left">&nbsp;<br />Now, This is how you do it in your web-site or blog..</p>
<p align="left">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&#8217;ve got options for putting IM button or IM status Icon. You can find my IM button in Left-bar area.</p>
<blockquote>
<p align="left"><a title="http://settings.messenger.live.com/Applications/CreateHtml.aspx" href="http://settings.messenger.live.com/Applications/CreateHtml.aspx">http://settings.messenger.live.com/Applications/CreateHtml.aspx</a></p>
</blockquote>
<p align="left">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.</p>
<blockquote>
<p align="left"><a title="http://settings.messenger.live.com/Applications/WebSettings.aspx" href="http://settings.messenger.live.com/Applications/WebSettings.aspx">http://settings.messenger.live.com/Applications/WebSettings.aspx</a></p>
</blockquote>
<p align="left">That&#8217;s it, Now you can run/view this page in your web browser. Surprised!</p>
<p align="left">Note that, You&#8217;ll end up having a dumb and non-working messenger gadget in your web page if you&#8217;ve not done the authorization.</p>
<p align="left">This gadget has been built upon using Script# framework from Nikhil Kothari from Microsoft. You can visit the project page <a title="Script# Project" href="http://projects.nikhilk.net/Projects/ScriptSharp.aspx" target="_blank">here</a>. Script# is a C# based development platform which when compiled generates JavaScript code instead of IL. Sounds cool, right? Well, it&#8217;s more than that. You can visit the project page and get started with Script#.</p>
<p align="left">&nbsp;</p>
<p align="left">Cheers!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ruchitsurati.net/index.php/2008/01/25/windows-live-messenger-straight-in-your-blog-a-smart-and-free-live-chat-solution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

