IE 9 : How to Make the Jumplist menu for websites

IE 9 now lets you pin sites to taskbar which brings integration into windows 7 and lets you access the Jumplist menu which was only availble for application till now. Below is the list of tags which you can make use of ( I picked it from Facebook )

Tags to create jumplist :

Website Name :

<meta name=”application-name” content=”Facebook”/>

Application Tool Tip :

<meta name=”msapplication-tooltip” content=”Start the Facebook App”/>

Main URl / Your websites root domain:

<meta name=”msapplication-starturl” content=”/”/>

Best views size / resolution for your website

<meta name=”msapplication-window” content=”width=800;height=600″/>

Facebook Jumplist

Create Tasks in Jump Menu : ( Max 5 )

Below are the tasks created for Facebook. When you use the tag msapplication-task it will by default place them under task. Compare the tags with the image above.

<meta name=”msapplication-task” content=”name=News;action-uri=/home.php?sk=nf;icon-uri=/images/icons/app/news.ico”/>

<meta name=”msapplication-task” content=”name=Messages;action-uri=/home.php?sk=inbox;icon-uri=/images/icons/app/messages.ico”/>

<meta name=”msapplication-task” content=”name=Events;action-uri=/home.php?sk=events;icon-uri=/images/icons/app/events.ico”/>

<meta name=”msapplication-task” content=”name=Friends;action-uri=/home.php?sk=ru;icon-uri=/images/icons/app/friends.ico”/>

Make sure you give proper name in the content attribute of the Application Name Tag. This will appear on Jumplist. The first meta tag has 2 attributes, name and content. The name attribute should have the value “application-name” the content attribute should contain the name of the website as you want it to appear on the JumpList.

I created it for this website but for some reason the icons don’t work. Will let you know more in details later but this guide gives you a kick start. You can read more about these tags here

Technospot Jumplist in IE 9

Update : The problem with the jumplist is because I was linking to a png image file instead of ico file. This is very strict restriction made on tags. They will except only .ico file and that of max size of 32 X 32. Use 16 X 16 for best results. Below is the updated Task List for this site :

IE 9 Jumplist for Technospot

LEAVE A REPLY

Please enter your comment!
Please enter your name here