Olá galerinha,
curioso do jeito que eu sou andei lendo as novidades do novo Internet Explorer 9, até chegar no artigo da Microsoft cujo o título é: “Pinned Sites: Windows 7 Desktop Integration with Internet Explorer 9″ ou seja eles ensinam a você como criar um pin de sites, e vai além disso ensina como configurar a Jump List (integração ie9 e win7) que aparece quando você clica com o botão direito do mouse sobre os ícones da barra de tarefas.
Agora com o lancçamento do IE9 o pinned Sites são chamados de Sites Fixos, você acessa seus sites favoritos diretamente na barra de tarefas do Windows — sem precisar abrir o Internet Explorer primeiro.
(se quiser pular o passo a passo clique)
Obs: Se após instalar o novo Internet Explorer a tela ficar branca acesse o post “Internet Explorer 9 – Tela Branca”
O que é Jump List?
Jump List é uma Feature do Windows 7 que exibe uma lista flutuante quando se clica com o botão direito nos ícones da barra de tarefa.
Como “Pinar” ou fixar um site com o IE9?
A tela a seguir mostra como um usuário pode “arrancar” uma guia do site da CNN e jogá-lo na barra de tarefas.
Dessa maneira o usuário pode arrastar a aba para a barra de tarefas do windows:
Depois que arrastar a aba o ícone do site aparecerá na barra de tarefas, ao abri-lo uma janela do IE9 irá aparecer personalizada, por exemplo, botões avançar e voltar podem estar na cor do site:
Após o site estar “pinado” ou fixo na barra de tarefas, observe também que opções personalizadas aparecem quando você clica com o botão direito, ou seja, uma jump list do próprio site, veja o exemplo do twitter:
Como criar uma Jump List do seu site para integrar Internet Explorer 9 e Windows 7?
Se você é montador, programador ou apenas um curioso vou explicar abaixo como criar essas opções extras para o site, semelhante ao exemplo do twitter.
Podemos inserir apenas cinco links extras na Jump List. Então devemos definir quais serão esses links.
E para começar esses são os cinco links que usarei:
- http://richardikeda.com
- http://richardikeda.com/blog
- http://twitter.com/richardikeda
- http://www.facebook.com/richardikeda
- http://richardikeda.tumblr.com
Para cada link devemos definir três propriedades “name“, “action-uri” que é o próprio link e “icon-uri” que deve ser um arquivo tipo *.ico do tamanho 16×16 pixels:
name=Perfil;
action-uri=http://richardikeda.com;
icon-uri=/img/favicon_profile.ico
name=Blog;
action-uri=http://richardikeda.com/blog;
icon-uri=/img/favicon_blog.ico
name=Richard Ikeda | Twitter;
action-uri=http://twitter.com/richardikeda;
icon-uri=http://a3.twimg.com/a/1288217225/images/iefavicon.ico
name=Richard Ikeda | Facebook;
action-uri= http://www.facebook.com/richardikeda;
icon-uri=http://static.ak.fbcdn.net/rsrc.php/z7/r/5875srnzL-I.ico
name=Richard Ikeda | Tumblr;
action-uri=http://richardikeda.tumblr.com/;
icon-uri=/img/tumblr.icoobs: os pontos e virgulas são obrigatórios.
A partir de então devemos colocar esses grupos de propriedades dentro de meta tags com chamadas de msapplication-task, essas propriedades ficam dentro do parâmetro content, definimos assim as primeiras tags:
Definindo a Aplicação
Agora vamos definir outras meta tags responsáveis pelo funcionamento da jump list.
A primeira meta tag define o nome do site em destaque na Jump List:
A segunda Tag Define o Tooltip que aparentemente só aparece em um lugar e está meio sem utilidade (vide imagem):
A próxima tag é responsável por colocar o link no site em destaque e definir qual url será aberta quando o usuário clicar no ícone pinado do seu site:
Essa outra meta tag é responsável para definir o tamanho da janela do IE9 personalizado (se bem que pra mim não funcionou):
Essa última meta tag é a que define as cores dos botões de navegação do seu Internet Explorer 9:
Concluindo a configuração de suas META tags basta inserir todas as meta tags dentro da tag do seu site.
META tags Completas
Bom galera se tiver alguma dúvida ou sugestão pode mandar =)
Mas se eu demorar a responder provavelmente estarei Compilando Java pelo prompt.
Abraços.
Leave a Reply