Ninja Code

Como inserir o Like Box no BlogEngine.Net como um widget.
Se você usa o BlogEngine.Net e tem uma pagina no Facebook referente ao seu blog e deseja adicionar no blog para que as pessoas possam curtir/recomendar, este é a postagem que pode lhe ajudar. Irei exemplicar com a página do Ninja Code.
A página do Ninja Code no Facebook: http://www.facebook.com/#!/pages/Ninja-Code/196138507076320. Repare que existe um botão Add like box.

Assim que clicar-mos no botão, irá abrir uma página para nos auxíliar no desenvolvimento, assim:

Se não quiser clicar no botão, assim que estiver logado no Facebook acesse a url: http://developers.facebook.com/docs/reference/plugins/like-box/.
Agora estamos prontos para configurar o like box do facebook, para criar-mos o nosso widget, no campo Facebook Page URL eu inseri a url de minha pagina no Facebook (http://www.facebook.com/#!/pages/Ninja-Code/196138507076320), desmarquei a opção Show stream, a configuração ficou assim:

Agora, clique em Get Code e você terá a seguinte janela:

Copie o código iframe e reserve, para utilizar posteriormente. Já tivemos a ajuda do Facebook, agora vamos para o Visual Studio, no projeto do BlogEngine.Net.
Lembre-se, se você estiver abrindo os arquivos diretamente da pasta C:\inetpub\wwwroot\, execute o Visual Studio como administrador para que você tenha as permissões necessárias(alterar, incluir, deletar arquivos).
Na pasta widgets, inclua uma nova pasta com o nome Facebook Like Box, veja a imagem:

Na pasta Facebook Like Box, vamos adicionar um Web User Control com o nome widget.ascx:

Lembra daquele código que você reservou? Que o Facebook forneceu, cole no source do widget. O código fornecido pelo Facebook, gerou uma altura muito pequena, então alterei para 280px, portanto fique atento na string fornecida, pois há duas propriedades height. No meu caso ficou assim:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="widget.ascx.cs" Inherits="widgets_Facebook_Like_Box_widget" %>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FNinja-Code%2F196138507076320&amp;
width=276&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=280" scrolling="no" frameborder="0" 
style="border:none; overflow:hidden; width:276px; height:280px;" allowTransparency="true"></iframe>

Acesse o code (widget.ascx.cs), seja clicando com o botão direito e clicando em View Code ou pela Solution Explorer e altere o código para que fique assim:

using System;

public partial class widgets_Facebook_Like_Box_widget : WidgetBase
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }

    public override string Name
    {
        get { return "Facebook Like Box"; }
    }

    public override bool IsEditable
    {
        get { return false; }
    }

    public override void LoadWidget()
    {
    }
}

Ponto! O widget ja pode ser utilizado. Basta entrar no BlogEngine e adiciona-lo, o nome no ComboBox será Facebook Like Box.
Você pode alterar as propriedades(na string iframe) de acordo com o que quiser, para que melhor se ajuste ao seu tema/layout.
Caso você queira fazer o download deste widget -> Facebook Like Box.zip (967,00 bytes)

Para que você crie seu proprio widget de sua page do Facebook, não é necessário ter o Visual Studio instalado. Basta gerar o code no Facebook, usar o arquivo que disponibilizei pra download inserir a pasta Facebook Like Box na sua pasta de widgets e editar via texto mesmo o arquivo widget.ascx e substituir toda tag <iframe>  até </iframe>.

Este widget foi criado para demonstrar como construir o seu próprio widget para o Blogengine.Net.
Espero que tenha ajudado.
Lembre-se, se você curte as postagens, não esqueça de clicar no nosso widget para nos recomendar no Facebook.

Até a próxima.

Obs: Se você deseja obter um widget mais completo acesse este link: Facebook Like Box Widget para BlogEngine.Net

Pedi, e dar-se-vos-á; buscai, e encontrareis; batei, e abrir-se-vos-á. (Mateus 7:7)

Tags: Facebook, Like Box, Visual Studio, BlogEngine.Net, BlogEngine, widget, like box button, .net Framework, .Net Framework 4, C#.net, vs2010, csharp, Facebook Like Box