Comments on: Create a Custom Apple iPhone (iPod Touch) Icon for Your Web Site http://www.dbuggr.com/smallwei/create-custom-apple-iphone-ipod-touch-icon-web-site/ Share Knowledge & Be Rewarded Wed, 28 Jul 2010 06:02:35 -0400 http://wordpress.org/?v=2.8.6 hourly 1 By: SARGENTIVY http://www.dbuggr.com/smallwei/create-custom-apple-iphone-ipod-touch-icon-web-site/comment-page-1/#comment-3824 SARGENTIVY Fri, 09 Jul 2010 22:59:29 +0000 http://www.dbuggr.com/smallwei/create-custom-apple-iphone-ipod-touch-icon-web-site/#comment-3824 Make your own life time easier take the <a href="http://bestfinance-blog.com/topics/personal-loans" rel="nofollow">personal loans</a> and all you need. Make your own life time easier take the personal loans and all you need.

]]> By: smallwei http://www.dbuggr.com/smallwei/create-custom-apple-iphone-ipod-touch-icon-web-site/comment-page-1/#comment-386 smallwei Thu, 26 Nov 2009 02:17:06 +0000 http://www.dbuggr.com/smallwei/create-custom-apple-iphone-ipod-touch-icon-web-site/#comment-386 <ol> <li>Create a image (.png format) with the size of 129 x 129 pixels which you want to use as the icon. ( see example icon @ apple.com: http://www.apple.com/apple-touch-icon.png ) <strong>Note: Try not to have image smaller than 45px as it might look blurry.</strong></li> <li>After creating the image, save it as the name "apple-touch-icon.png".</li> <li>Upload the image to your website. You can put the file on your website root directory.</li> <li>Alternatively, if you want to be more organize, you can place your image in other directory and add the following line inside the tag of your HTML.</li> </ol> <code><link rel="apple-touch-icon" href="/root/image/apple-touch-icon.png" /></code><strong>(make sure you update the directory structure)</strong> That's it. The next time your someone create an icon of your website, he or she will get a custom icon!
  • Create a image (.png format) with the size of 129 x 129 pixels which you want to use as the icon. ( see example icon @ apple.com: http://www.apple.com/apple-touch-icon.png ) Note: Try not to have image smaller than 45px as it might look blurry.
  • After creating the image, save it as the name “apple-touch-icon.png”.
  • Upload the image to your website. You can put the file on your website root directory.
  • Alternatively, if you want to be more organize, you can place your image in other directory and add the following line inside the tag of your HTML.

    • <link rel="apple-touch-icon" href="/root/image/apple-touch-icon.png" />(make sure you update the directory structure)

    That’s it. The next time your someone create an icon of your website, he or she will get a custom icon!

    ]]>