Windows 8: How to add/pin your website tile to start menu (meta tags)

 Overview

You will learn how to add necessary META your website as a tile to support windows 8 tile start menu pin using IE 10. Just like windows 8 application do!.

Instructions

With the new windows 8 metro interface your can now add META to your web-site <HEAD> to enable PIN to start menu of your webside using IE 10.

win8tile windows 8

<meta name="msapplication-TileColor" content="#123456"/>
<meta name="msapplication-TileImage" content="your_logo.png"/>

  • First Meta, msapplication-TileColor is the Tile background color. you can use any Hex Color generator.
  • Second Meta, msapplication-TileImage is link to a .png file contains your logo to display inside the Tile. if missing, Windows 8 will use the favicon.
  • Must be inside the <head></head> tags

Note: Tiles come in one size: 144×144 pixels,
the required type is PNG 32bit (PNG 24bit save to web in Adobe Photoshop).

win8tiles

You can also Connect your website to your Windows Store app (Windows) at MSDN

 

wordpress-logo-stacked-rgb

If you are using WordPress you can use our custom WordPress plugin here.

Leave a Reply

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

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.