|
Home::Software
Brand Your Website's URL With a Favicon
Author : Mario Sanchez
Have you ever noticed that when you look at your browser favorites menu or the address bar, some entries have their own little icon beside their URL? It's called a "Favicon" (a graphic file with a .ico extension) and it's placed in the root directory of the web site. Everytime you bookmark a site that has its own favicon.ico file, it is added to your browser, and it will be visible from then on in the favorites menu and in the address bar. At the beginning, only large websites had a favicon, but now you too can create one and use it to brand your website. The first thing you have to do is to create your favicon. To be displayed by browsers, it must have a size of 16x16 pixels. To create one, you can use a graphics program called Icon Forge (you can download a free trial version in CNET): http://download.com.com/3000-2195-10128559.html You can either create an icon from scratch, or import a 16x16 '.gif' or '.jpg' file and save it as a '.ico' file. You will then have to save your icon with the default name of 'favicon.ico', and upload it to the root directory of your website (where your index page is). Finally, after that, you must associate your icon to your web page. You do that by including the following HTML code immediately after the HEAD tag of your page: link REL="SHORTCUT ICON" HREF="http://www.yourwebsite.com/favicon.ico" Once you've done that, that's it. To try it out, go to your web page and add your page to your favorites. You should be able to see the favicon next to your bookmarked page title. Also, the next time you type your URL in the address bar, you will see your favicon to the left of the URL. (Favicons work with Internet Explorer 5 or newer, and with recent versions of Netscape.) ------- You can freely reprint this article. Just include the following resource box at the end: About The Author Mario Sanchez lives in Miami, Florida, where he publishes The Internet Digest ( http://www.theinternetdigest.net ) a website and newsletter that gives you free advice on web design and Internet marketing. Spam emails More free articles Related articles
|
More related feeds |
Add Your Website to Firefox's Search Bar Using OpenSearch
Of course Firefox comes with Google, Yahoo, and other search engines by default, but what if you want to offer search for YOUR website in the address bar. Using Open Search, you can create an XML file to do just that.Web Development Articles | Improving Your New Website With a Poll ...
You had just finished your website and let it be published. Isnβt that a fulfillment? It is but normal to feel proud because of that accomplishment, right? But here must not end the success. After a month of having a website being ... Brand Your Website's URL With a Favicon | Fodderator Info
Brand Your Website's URL With a Favicon. Have you ever noticed that when you look at your browser favorites menu or the address bar, some entries have their own little icon beside their URL? Itβs called a βFaviconβ (a graphic file with ... The Affiliate Beginner: The Importance of Blog Design
You can choose a standard border or you can also create your own border which can be associated with your blog's templates. * Add a favicon. Don't you think sites with icons on the address bar before the website's URL are cool? ... Recession! It is official | Business Blogging
As the incomparable Nikolay explains in the video below, your blavatar automatically becomes your favicon: the little icon that displays next to your blogβs URL in [...] Heather; November Wrap-Up December 1, 2008 ... Create Great Favicon for your blog
Create Great Favicon for your blog Β· Favicon stands for Favorites icon which is a shortcut or URL icon displayed at the URL bar of browser and in the tabs. By default the blogger templates comes with the blogger favicon which can be ... Favicon - Create Favicon For Your Website at Visible Ranking ...
Designing and adding a meaningful favicon to your website is beneficial in many ways. Your favicon can be your logo or a simplified version of your logo, and of course itβll bring you/your organization a stronger brand/identity ... BlogBait Blogger Blog: Make new Favicon for Google BLOGGER ...
Just use the URL beside your favicon of choice and insert it into step 3 of these directions. Free Favicon URL's for your Blogger Blog or any website or blog. YinYang http://www.zorly.com/blogbait_blogger/favicons/YinYang.ico ... How to add a Favicon to your blog | Bishal's Blog
favicon. Save your header.php file and then open up your website. Refresh the page and youβll be able to see the icon before the URL of your page. For Blogger Blogs:. You can add a custom favicon to your blog in blogger replacing the ... How To Add A Favicon To Your Site from Blog Tech Guy
Upload the favicon.ico to your website, either via FTP or through Wordpress (simply go to Write as if you were writing a post and Add image. You donβt need to save the post after it uploaded). Either way remember/copy the URL to the ...
|
|
|
