Fullsix Blog

Últimamente, estou sempre a utilizar o Umbraco. Este CMS gratuito dispobibiliza uma interface web de administração. Sempre que quero aceder a esta interface de asministração, tenho de ir a uma página do site e substituir o caminho do URL por /umbraco, para que finalmente se abra o popup com a página de login.

Para evitar ter de repetir sempre este processo, decidi criar uma “bookmarklet” que faça esse trabalho por mim. Para quem não sabe, uma bookmarklet é uma mini-aplicação javascript que é invocada a partir de um bookmark, tendo a particularidade de se executar no contexto da página actual.

Para instalar essa bookmarklet, basta adicionar este link aos favoritos: Start Umbraco (nota: o nosso blog engine não permite links javascript:, pelo que terão de editar o bookmark e substituir o prefixo http://blogs.fullsix.com/javascript%3A por javascript:).

Quem preferir criar o bookmark manualmente, aqui está o código:

javascript:void(function(){var w=1024,h=768;if(window.screen){w=window.screen.availWidth-11;h=window.screen.availHeight-51;}window.open(window.location.protocol+"//"+window.location.host+"/umbraco/umbraco.aspx",window.location.host.replace(/\./g,""),"height="+h+",width="+w+",scrollbars=yes,resizable=yes,top=0,left=0,status=yes");}())

Este código está numa só linha para ser colocado facilmente num bookmark. Eis o código bem formatado para quem quiser perceber como functiona:

Para saber mais sobre bookmarklets, recomendo este site.

Espero que este post vos seja útil!

Um colega apercebeu-se que quando tentamos partilhar alguns dos nossos sites no Facebook, o conteúdo que o Facebook apresenta deixa muito a desejar:

O que acontexe é que quando se partilha um link no Facebook, o Facebook vai efectuar um pedido à página e tentar extrair a informação mais relevante para a apresentar no post. Neste caso, trata-se um site em flash, pelo que a única informação que o Facebook encontra é a imagem de instalação do plug-in.

Resolvemos este problema adicionando tags meta e link à página. O Facebook interpreta algumas destas tags de forma a apresentar informação mais completa. A informação que podemos adicionar inclui título, descrição e imagem. Neste caso, poderíamos adicionar as seguinte tags à página:

<meta name="title" content="O exemplo de como customizar o post no Facebook" />
<meta name="description" content="Este site descreve como customizar o
            conteúdo do post quando é partilhado no Facebook." />
<link rel="image_src" href="http://www.fullsix.com/pt/img/commun/logo.gif" />

Com estas tags, obtemos o seguinte resultado:

Como se verifica, é bastante simples customizar o aspecto das nossas páginas quando são incluídas no Facebook. Vale a pena gastar 5 minutos a adicionar esta informação para evitar ficar com links sem interesse.

Para mais informações, consultem a lista de tags suportadas pelo Facebook.

Happy coding!