So, IE9 beta has been released for public preview. Along with the general improvements of speed, compatibility, GPU support and HTML5 support, IE9 has brought up a new feature where in you can pin websites to the taskbar.
You must be thinking, whats the big deal about it, every other browser can let that happen now a days. What if I tell you that you can also have Jump-Lists feature of Windows 7 taskbar enabled for the websites that are pinned? Sounds Cool! huh?
Well, it wouldn’t happen with every other site. To make a website jumplist enabled, the website needs to be tweaked up a little bit. I’d show you the simple but very effective hack that can be applied to your sites.
In order to enable the jump-lists, we need to let the browser know what pages/links to have in the list. In order to achieve that, we need to add a few meta tags to the header tags on the pages. To illustrate these special meta tags, I’ve added the code snippet that i have used with this blog.
<meta name=”application-name” content=”Danish Khan’s Blog”/>
<meta name=”msapplication-tooltip” content=”Launch InsideOut”/>
<meta name=”msapplication-task” content=”name=About;action-uri=/about/;icon-uri=/images/about.ico” />
<meta name=”msapplication-task” content=”name=Resume;action-uri=/my-resume/;icon-uri=/images/list_links.ico” />
<meta name=”msapplication-task” content=”name=Home Posts;action-uri=/;icon-uri=/images/home.ico” />
<link rel=”shortcut icon” href=”/images/favicon.ico” />
You can add the same code to the header tags in your webpages and alter the various field values to get the desired effect. make sure that you have the icons in the correct relative path as specified here. :)