Add a Little Pizazz to Your Website by Creating an Icon That Shows Up in the Browser Tabs

A member of the network asked how the Book Marketing Network got around to using my little photo as an icon in the browser link for this website. Ning does this automatically. Well, at first I didn't know, but I researched it and uncovered how to create such icons.

If you'd like to create a browser icon to show up when people visit your website, you can add the following code (next paragraph <...>) in the header section of your HTML code for each page you want the icon to appear. The header section is between and in the HTML page code.

<link rel="icon" href="kremer.ico" type="image/x-icon">

You have to create a kremer.ico image file. I took one of my square .jpg images and renamed it kremer.ico and made it 25 pixels wide. When you create your image, you can give it any name you want to give -- e.g. yourname.ico. That .ico file must be uploaded to the root directory of your website.

You can see the resulting icon I created for the home page of my main website at http://www.bookmarket.com. I also used the same icon for my http://www.tenmillioneyeballs.com website.

Note that the browser icon also shows up when you bookmark a page with an icon link.

You can use any image as your icon, whether it's your face, your book cover, your trademark, or any other image. I used book covers for my http://www.celebratetoday.com and http://www.quotablebooks.com hobby websites.

Try to use a simple image. As you can see, book covers can make for weaker icons.

Note: I am not a technical support person. If you cannot implement this icon image on your website, talk to your website designer or your teenage child or teenage neighbor. I cannot provide you with support on these sort of technical issues. Sorry. It's not my business. But I did want to share this little trick with you.