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
Read the full CNET Review

Microsoft Windows 8 Pro (Upgrade)

The Bottom Line: Microsoft makes an aggressive, forward-thinking, and bold statement for the future of PCs with Windows 8, and vast security and speed improvements more than justify the $40 upgrade price. / Read full review

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.

 

ARTICLE DISCUSSION

Conversation powered by Livefyre

Don't Miss
Hot Products
Trending on CNET

Hot on CNET

CNET's giving away a 3D printer

Enter for a chance to win* the MakerBot Replicator 3D Printer and all the supplies you need to get started.