PUBLIC MARKS from decembre with tags icon & tutoriel

If you're building an icon system for a site, you have some options. If you know the icons need to be raster images, then you'll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts. Let's compare.

To base64 encode an image for your button, determine or create your image. Then use this page to encode your image. Copy the result into the image element of your XML document. If you have an RSS or Atom feed, insert the URL of your feed into the feed element. Save your document with an .xml extension (we used updated_button.xml). Copy the XML file to the root of your website directory. It's ready to go! Now, just add the below link to your site, where ever you choose and when people click it, they will get your button added onto their Google toolbar: http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml Replace the url= with the fully qualified public url to your xml file. If someone clicks the link and doesn't already have the correct version of Google Toolbar installed, they will be prompted to install the correct toolbar.