How to build a custom Windows 8 Start screen tile for your site

Create a custom Windows 8 tile so your site visitors can pin a high quality tile to their Start screens.

Windows 8 Start screen with custom tile
Screenshot by Ed Rhee/CNET

We recently showed you how to pin your favorite Web sites to the Windows 8 Start screen . By default, the tile may use the site's favicon.ico file or just display the generic Internet Explorer icon. If you operate a Web site, that may not be good enough for you. Here's how to give your site visitors a high quality tile to pin on their Windows 8 Start screens:

Step 1: Go to the Microsoft site, http://www.buildmypinnedsite.com, then under the "See your site in Windows 8" section, enter the URL of your Web site, and click the Show me! button to see what your tile would currently look like.

Preview custom Windows 8 tile
Screenshot by Ed Rhee/CNET

Step 2: Go to the "Build your own pinned site" section and upload an image, name the tile, and select a background color. Check the live preview screen on the right to see if everything looks to be in order.

Customize Windows 8 tile
Screenshot by Ed Rhee/CNET

Step 3: Go to the "Get the Code!" section and download the PNG image file. After you've uploaded the image file to your Web host, copy and paste the code into the <head> tag of your site.

Upload image and copy/paste code
Screenshot by Ed Rhee/CNET

That's it. WordPress users can upload the PNG image file to the top level root directory and add the tile code into the header.php file.

(Via Ghacks)

Tags:
Tech Culture
About the author

Ed Rhee, a freelance writer based in the San Francisco Bay Area, is an IT veteran turned stay-at-home-dad of two girls. He focuses on Android devices and applications while maintaining a review blog at techdadreview.com.

 

Join the discussion

Conversation powered by Livefyre

Don't Miss
Hot Products
Trending on CNET

HOT ON CNET

Find Your Tech Type

Take our tech personality quiz and enter for a chance to win* high-tech specs!