terça-feira, 31 de agosto de 2010

Tab do Facebook com uma imagem que linka para um swf

Modo de implementar uma tab no facebook, em que se tem uma imagem com um link para um swf que correr sempre dentro do facebook.

A primeira div tem a imagem


















A segunda div tem a página com o swf que aparece quando se clica na imagem


















Tanto a imagem como a página com o swf têm que estar online para funcionar.

<div id="iframeLinkDiv">
<a clicktohide="iframeLinkDiv" onclick=&
quot;outside_location.setInnerFBML(link_1);" style="cursor: pointer;">
<img alt="Compal Fresh Sangria" src="http://www.compal.pt/facebook/images/destaque2.jpg" />
</a>

</div>
<div id="outside_location"></div>
<fb:js-string var="link_1">
<fb:iframe height="520" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%; border:none" src="http://www.compal.pt/facebook/iframebanner2.html"></fb:iframe>
</fb:js-string>
<script type="text/javascript" charset="utf-8">
var outside_location = document.getElementById('outside_location');
</script>

segunda-feira, 2 de agosto de 2010

Facebook Boxes - vão desaparecer, e as Application Tabs terão um formato mais pequeno

As Facebook Boxes, ou caixas laterais em página do facebook, que costumam ser utilizadas para destaque de aplicações, vão deixar de existir.

Em Novembro, foi anunciado pelo Facebook, que a plataforma não vai mais suportar as boxes (caixas) nos perfis e nas páginas, de forma a estimular os developers na utilização de aplicações em tabs.

Adicionalmente, as Application Tabs, em vez de terem uma largura de 740px, vão passar a ter 520px.

How To Turn Your Site Into A Facebook Fan Page

Com a antiga plataforma do facebook existia um botão o "Become a Fan", que se inseria no site do cliente e o utilizador ao clicar ficava logo fan da página de facebook.

No entanto, com a nova plataforma este botão foi removido e substituido pelo botão like. Assim, neste momento o botão like tem duas funções, uma consiste no utilizador dizer que gosta daquele artigo, produto etc..., a outra consiste em ficar fan da página de facebook.

Em relação à primeira função, já disse como se fazia no post anterior. Relativamente, á função do utilizador se tornar fan da página, o processo é o mesmo, vamos á página 'Like Button - Facebook Developers' - e produzimos o botão, a única diferença relativamente ao post anterior é que no url inserimos o link da página do facebook em vez do link do site do cliente.

Exemplo:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww%2Efacebook%2Ecom%2Fportobayfans%3Fref%3Dts&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>