Saturday, February 23, 2013

ASP.NET and Web Tools 2012.2 Released

I have just downloaded ASP.NET and Web Tools 2012.2 installer from ASP.NET site. I have read there are many new things w.r.t MVC, New Facebook Template, SignalR and so on...

Would keep everyone posted on the new items with complete details.

Till then enjoy.....

Saturday, February 16, 2013

Use of Facebook Plugin in ASP.NET - Part 2

Today, we would move forward and discuss more about the facebook social plugin. If you haven't read mine first post, please read it here.

Just to give all the overview we can user facebook LIKE button in our web site.
Advantages of using the Facebook LIKE button 
a) You can tell your friends what you have liked which could be beneficial for them too
b) Keeping the LIKE button make your website popular out in the world if someone clicks on LIKE Button

So, as discussed previously, placing the LIKE button is pretty simple

<iframe src="http://www.facebook.com/plugins/like.php?href=http://varunkhanna.blogspot.com"  style="border:none; width:450px;height:80px"/> 

Below would be visual appearance of LIKE button with above line of code















Now, there are certain features which can be added which would improve or make it more fascinating.
Let's start now:

a) We can show panel containing the button to post comment when clicking LIKE button
Below would be the code of line

<iframe src="http://www.facebook.com/plugins/like.php?href=http://varunkhanna.blogspot.com" scrolling="no" frameborder="0" style="border:none; width:450px;height:80px"/>

Below is the screenshot for the same











b) We can change the text of LIKE button from "Like" to "Recommend". There is a parameter named ACTION which we could set to 'Recommend'

Following is the updated code of line

<iframe src="http://www.facebook.com/plugins/like.php?href=http://varunkhanna.blogspot.com&action=recommend" style="border:none;width:450px;height:80px"></iframe>

Below is the screenshot












c) We can also change the color of LIKE button from Light to Dark. Default is Light. There is parameter named COLORSCHEME that can be set.

Below would be line of code

<iframe src="http://www.facebook.com/plugins/like.php?href=http://varunkhanna.blogspot.com&colorscheme=dark" style="border:none;width:450px;height:80px"></iframe>

Below is the screenshot for the same












d) We can change the Layout of the LIKE button by setting the value of parameter named LAYOUT. 
We can have 3 values for Layout parameter
- Standard (Default one)
- Box_Count
- Button_Count

Below is the line of code

   <iframe src="http://www.facebook.com/plugins/like.php?href=http://varunkhanna.blogspot.com&layout=box_count" style="border:none;width:450px;height:80px"></iframe> 


Below is the screenshot when layout is set as 'box_count'











Below is the screenshot when we set Layout value as 'Button_count'











Hope this article of mine is informative for you.