Enable IE9 Jump Lists for your website

By | September 17, 2010

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.

IE9-JumpList-danishkhan.com

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.

[code]

<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” />

[/code]

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. :)


2 Comments

Bhanu on March 2, 2011 at 11:15 am.

This is cool. I saw it on the Microsoft training and forgot it till the moment I read this blog :)

Reply

Leave Your Comment

Your email will not be published or shared. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


9 × four =