You ran to my article thinking that you will definitely do this in silverlight. Well it is practically not possible because you have to use iframes to do that and iframes cannot be used in xaml. But I will show you how can do it for your silverlight application not necessarily injecting it in your xaml.
Background
In this article i explained how you can add a facebook like button in Silverlight and in a normal asp.net application.
Using the code
Luckly we are not going to write code, it will be just html code only.
Start
I was listening to the radio the day before yesterday,Radio 702(in South Africa) interviewed a very intelligent man who is a CEO of one of the biggest companies in South Africa or rather in the world. He said something interesting. He said. “If today my first day at work starting my career, i would have never been a ceo of my company.Because the market we had years ago was not as competitive as the one we have today. The market today is very competative and its unpredictable, you are not sure if you will be in business on the next six months and if your marketing strategy and leadership in your business is not uptoscratch your business might not survice even if you render the best service.”
This is a powerfull statement. What did It tell me? From the statement I learned that if you don’t advertise correctly , your business will never be known , even if you have good products or services.
Back to the Subject
Now let us get back to the subject of the article. i came I across a site that I cant mention. That site had a Facebook “like Button” as depicted below
Normally when you click on that "like" or "Recommended" button , every friend you have will see that on your wall and they might want to see what is it that you like and this is a very good advertising strategy. The good part of this, is that another friend might like it too and it might lead to a long chain,especially if you have friends that have more than a thousand friends on facebook. To add this feuture to your website , you will easly go to the following facebok site to generate the code
http://developers.facebook.com/docs/reference/plugins/like
Now on the “URL to Like” enter your full website url
And the layout can be standard and you can choose to show a face of the person who will be accessing the site and who is connecting to facebook or who is a member of facebook. The width of the button can be controled in the width.The “Verb to Display” you can either choose “Like” or “recommeded” and the font can be changed too , but I like it as is. Click the get code button. The Following modal will appear as depicted below
, copy the code. Let us inspect the code. Mine look's like this
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcordobo.com%2F&layout=standard&show-faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
Well as I said above you can inject the iframe into your xaml, what you need to do, is to compile your silverlight application and when you are ready to deploy it ,you need to do one small thing. In the html page or aspx page that you will use to host your silverlight app just above or below it depends on your design , you can add the iframe as is from the generated code as depicted below
Silverlight Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="http://www.vuyiswamaseko.com/Projects/Wall3D.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0.40818.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
</a>
</object>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcordobo.com%2F&layout=standard&show-faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
</div>
</body>
</html>
Now if you want to do this with your asp.net application is simple because you have a freedom of adding it anywhere you want. After your code look’s like mine run the page and it should look like this
Now I had a Silverlight app, as you can see my Silverlight application shows a hand without fingers , but its not part of the topic. So if I click on the “Recommend” or “Like” the small text area will appear so that someone can enter comments as depicted below
If you click on the post button , your message will be posted on your wall as depicted below
Conclusion
Your website or the service your business render's can be popular if you can do this. Thank you again for visiting Dotnetfunda